模拟腾讯软件首页布局时，为什么warp宽度设置无效？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>腾讯软件首页布局</title>
<style type="text/css">
#warp{background:#900;margin:0 auto;width:800px;overflow:hidden;}
#header{background:#0F0;width:100%;}
#mainbody{background:#C90;width:100%;overflow:hidden;}
.left{background:#C0F;width:350px;height:400px;float:left;}
.midst{background:#333;width:250px;height:500px;margin-left:30px;float:left;}
.right{background:#0F0;width:100px;height:200px;float:right;}
#footer{background:#666;width:100%;}
</style>
</head>
<body>
<div id="warp"></div>
<div id="header">这是头部</div>
<div id="mainbody">
<div class="left"></div>
<div class="midst"></div>
<div class="right"></div>
</div>
<div id="footer">这是结尾</div>
</body>
</html>
名留青林1回答
-
ChinaCJM
warp没有设置高度，所以显示不出来
随时随地看视频慕课网APP
Html/CSS