จากตาราง
<table>
<tr>
<td>left</td><td>center</td><td>right</td>
</tr>
</table>
เปลี่ยนเป็น div
<div>
<div style='float:left;'>left</div><div style='float:none'>center</div><div style=?????>right</div>
</div>
เราควรใส่ style ในช่อง right อย่างไรครับ
<table>
<tr>
<td>left</td><td>center</td><td>right</td>
</tr>
</table>
เปลี่ยนเป็น div
<div>
<div style='float:left;'>left</div><div style='float:none'>center</div><div style=?????>right</div>
</div>
เราควรใส่ style ในช่อง right อย่างไรครับ
ถ้าฝั่งซ้ายใส่ float: left ฝั่งขวาก๋ต้อง float:right ไง
แต่ float จะทำงานไม่ถูกต้อง ถ้าไม่ได้กำหนดความกว้างที่คงที่ลงไป
การเปลี่ยนจาก table เป็น div มันก็ยุ่งยากอีตรงต้องกำหนดตำแหน่งและขนาดที่ถูกต้องลงไปนี่แหละ
แต่ float จะทำงานไม่ถูกต้อง ถ้าไม่ได้กำหนดความกว้างที่คงที่ลงไป
การเปลี่ยนจาก table เป็น div มันก็ยุ่งยากอีตรงต้องกำหนดตำแหน่งและขนาดที่ถูกต้องลงไปนี่แหละ