­ì¹Ï

ª`·N¡Gºt¥Ü®ÄªG·|¦]¦UÂsÄý¾¹ªº¤ä´©±¡ªp¦Ó¦³©Ò¤£¦P¡A¶K¤º¤@¤Áªººt¥Ü®ÄªG¥H­ì¹Ï¬°·Ç¡AÁÂÁ¡C

¦h­Ódiv¦}±Æ®É³Ì¦n³]¸m¹º¤@ªº°ª«×

ºt¥Ü¡G¼ÒÀÀ«Ì¹õ 320 x 200¡A­Yx4=1280 ª`·N:¶À®Ø¬O¥D¯À§÷div ³]width:160 height:100¡C 1 2 3 4 5 6 7 8

¬Ýºt¥Ü¡G8­Ó¬õ¦âdiv³£¬Owidth:30px;height:30px;
¦ý°²­Y4·¸¥XÅܦ¨height:40px ¤U¤@¦æªº6´N¨Sªk¦V¥ª±Æ
·|¥d¦b4Ä~Äò±Æ¤U¥h嘞 ©Ò¥H¤@¬O­×§ï4Åܦ¨¹º¤@height:30px
©ÎªÌ¨ä¥Lªºdiv³£±N´N4 Åܦ¨¹º¤@height:40px ¨Ï¨ä¯à¬üÆ[±Æ¦C
°Ñ¼Æ¦p¤U

CODE:  [Copy to clipboard]

---

<div style="width:160px;height:100;border: 3px solid yellow;">
  <div style="float:left;width:30px;height:30px;border: 3px solid red;">1</div>
  <div style="float:left;width:30px;height:30px;border: 3px solid red;">2</div>
  <div style="float:left;width:30px;height:30px;border: 3px solid red;">3</div>
  <div style="float:left;width:30px;height:40px;border: 3px solid red;">4</div>
  <div style="float:left;width:30px;height:30px;border: 3px solid red;">5</div>
  <div style="float:left;width:30px;height:30px;border: 3px solid red;">6</div>
  <div style="float:left;width:30px;height:30px;border: 3px solid red;">7</div>
  <div style="float:left;width:30px;height:30px;border: 3px solid red;">8</div>
</div>