关于浮动的问题
两个浮动的div宽度加起来没有超过960，怎么会在只设置左浮动的时候两个div不能并排显示？
6 回答
我打代码试了下，确实没有并排
<!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>
举报
0/150
提交
取消
