<!doctype?html><html?>?????<head>?????????<meta?charset="UTF-8">?????????<meta?name="Keywords"?content="">?????????<meta?name="Description"?content="">?????????<title></title> ?<style?type="text/css"> *{margin:0;?padding:0;} .box{ background-color:#6699cc; width:900px; height:500px; margin:0?auto; } .left{ background-color:#ff0066; width:300px; height:200px; float:left; } .right{ background-color:#ffff00; width:580px; height:200px; float:right; } .bottom{ background-color:#000000; width:900px; height:300px; } ?</style>????</head><body> ????<div?class="box">????????? <div?class="left"></div>? ????????<div?class="right"></div>????????? <div?class="bottom"></div> ????</div>?</body></html>為什么這個float中 bottom所代表的那個盒子會在left right兩個盒子的下面，然而在bottom中添加clear:both;就能使bottom那個盒子移動到底部了
添加回答
舉報
0/150
提交
取消