div布局怎么嵌套 ?

Question

div布局怎么嵌套 

Answer 1

<div class="div2"><div class="div3">1</div><div class="div3">2</div><div class="div3">3</div><div class="div3">4</div></div>像上面那样嵌套，如果要加样式，如下（可以按照要求定义样式）：<style type="text/css">.div3{&nbsp;width:80px;height:40px;background-color:gray;float:left;border:solid 1px red;}.div2{width:180px;height:40px;}</style>

Answer 2

<div style="border:2px; border-color:#339966; background-color:#009900"><div style="float:left">测试文字<br />测试文字<br />测试文字<br />测试文字<br /></div><div style="float:right"><img name="" src="" width="93" height="55"&nbsp;alt="" /> </div><div style="clear:both"></div></div>需要掌握的是float属性和style="clear:both"语句<div style="clear:both"></div>这个层用来清除格式，一定要加，否则下面的层会和上面交错