怎樣實現一種特殊的布局---采用
[][]? []
? []
要求:
1.每個[]的最里層是個div.
2.整體靠左,右面三個[]上下對齊,每個[]里的文字仍然靠左。
3.不要用table和layer來組織,更不要考慮什么空白的gif之類。
4.用javascript操作DOM來實現,最好符合W3C標準。
用css,<style type="text/css"> body{ text-algin:left;}
div.div1{width:10%;height:180px;float:left;}
div#Contantdiv2{width:10%;height:180px;float:left; line-height:60px;}
div.subdiv1,.subdiv2,.subdiv3{width:100%;height:auto;float:left;}
</style>
div.div1{width:10%;height:180px;float:left;}
div#Contantdiv2{width:10%;height:180px;float:left; line-height:60px;}
div.subdiv1,.subdiv2,.subdiv3{width:100%;height:auto;float:left;}
</style>
html代碼中如下:
<div class="div1">內容</div>
<div id="Contantdiv2">
<div class="subdiv1">內容</div>
<div class="subdiv2">內容</div>
<div class="subdiv2">內容</div>
</div>
?