宽度为1000，子元素的总宽度不够1000，但在360浏览器中却显示不够宽度，为啥
<!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">
*{margin:0;padding:0;} /*除去网页内各种标签的默认边距*/ /*高度按子元素尺寸撑开*/
#wrap{
width:1000px; /*长度如何计算？？？？？？？？？？？？？？？？？？在360和在ie中不一样*/
margin:0 auto;
}
#header{
height:100px;
background-color:#CCC;
}
#mainbody{
height:700px;
background-color:#FF0;
}
#footer{
height:60px;
background-color:#CCC;
}
.content{
border:7px #B7DBDB solid;
padding:60px 15px 25px 15px;
}
.book{
background: url(../t_book1.gif) no-repeat #F2F7FB ; /*图片没有设置坐标。默认从左上角开始*/
/*背景颜色在此设置，不要在content设置*/
}
img{
margin:0 20px;
border:3px #CCCCCC solid;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header"></div>
<div id="mainbody">
<div class="content book"> <!--content为框架样式、book为背景样式-->
<img src="../book1.jpg" width="110" height="100" />
<img src="../book2.jpg" width="110" height="100" />
<img src="../book3.jpg" width="110" height="100" />
<img src="../book4.jpg" width="110" height="100" />
<img src="../book5.jpg" width="110" height="100" />
<img src="../book6.jpg" width="110" height="100" />
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
慕粉35377603回答
-
努力的开发人员
content的宽高没固定 -
blovetu
如果你想让其占整个宽的话，可以设width:100% -
逗你玩而已
没啥问题，应该是各种浏览器的兼容问题，别在ie9以下浏览器折腾，如果能贴出效果图，可能会得到答案，#wrap宽度可以考虑85%，图片width15%，然后再微调内外边距，个人喜欢用这种方式定义
随时随地看视频慕课网APP
Html/CSS