關(guān)于浮動(dòng)的問題
兩個(gè)浮動(dòng)的div寬度加起來沒有超過960，怎么會(huì)在只設(shè)置左浮動(dòng)的時(shí)候兩個(gè)div不能并排顯示？
qq_夜鶯玫瑰_0
2016-12-07
5 回答
舉報(bào)
0/150
提交
取消
2017-02-18
圖片在這里
2017-02-18
我打代碼試了下，確實(shí)沒有并排
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="utf-8">
? ? <title></title>
</head>
<style>
? ? * {
? ? ? ? margin: 0;
? ? ? ? padding: 0;
? ? }
? ? #warp {
? ? ? ? margin: 5px auto;
? ? ? ? width: 960px;
? ? }
? ? #header {
? ? ? ? background-color: grey;
? ? }
? ? #body {
? ? ? ? background-color: yellow;
? ? }
? ? #footer {
? ? ? ? background-color: blue;
? ? }
? ? .left {
? ? ? ? background-color: red;
? ? ? ? float: left;
? ? ? ? width: 500px;
? ? }
? ? .right {
? ? ? ? background-color: green;
? ? ? ? width: 350px;
? ? }
</style>
<body>
? ? <div id="warp">
? ? ? ? <div id="header">header
? ? ? ? </div>
? ? ? ? <div id="body">body
? ? ? ? ? ? <div class="left">
? ? ? ? ? ? ? ? left
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="right">
? ? ? ? ? ? ? ? right
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <div id="footer">
? ? ? ? ? ? footer
? ? ? ? </div>
? ? </div>
</body>
</html>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
2016-12-07
兩個(gè)div的浮動(dòng)都要設(shè)置
2016-12-07
上代碼
2016-12-07
上代碼