如何利用div+float寫出一個田字的布局
求解，求解
傅Dimon
2016-03-21
2 回答
舉報
0/150
提交
取消
求解，求解
2016-03-21
舉報
2016-04-04
<html>
<head>
? <meta charset="utf-8" />
? <title>用float進行田字型排版</title>
<style type="text/css">
.father div{border:5px solid red; margin:0px; width:100px; height:100px;}
.father{float:left;}
</style>
</head>
<body>
? <div class="father">
? ? <div></div>
? ? <div></div>
? </div>
? <div class="father">
? ? <div></div>
? ? <div></div>
? </div>
</body>
</html>
2016-03-21
給最外層的div一個寬度，高度可給可不給，然后在這個div中給四個div，分別float:left，兩個div的寬度加起來等于最外層div的寬度就可以了，因為浮動型，當寬度不夠的時候，會自動往下排列，不知道你懂了沒？