如何利用div+float寫出一個(gè)田字的布局
求解，求解
傅Dimon
2016-03-21
2 回答
舉報(bào)
0/150
提交
取消
求解，求解
2016-03-21
舉報(bào)
2016-04-04
<html>
<head>
? <meta charset="utf-8" />
? <title>用float進(jìn)行田字型排版</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一個(gè)寬度，高度可給可不給，然后在這個(gè)div中給四個(gè)div，分別float:left，兩個(gè)div的寬度加起來等于最外層div的寬度就可以了，因?yàn)楦?dòng)型，當(dāng)寬度不夠的時(shí)候，會(huì)自動(dòng)往下排列，不知道你懂了沒？