CSS样式DIV设置了宽度为100%。但是浏览器中没100%显示宽度。
<head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body{ padding:0px; margin:0px;}
.top{ width:100%; height:80px; border:1px #000 solid; margin:0px auto; display:block;}
.top1{ width:1200px; height:80px;}
-->
</style>
</head>
<body>
<div class="top">
<div class="top1"></div>
</div>
</body>
</html>
火狐和IE都是这样的 展开
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body{ padding:0px; margin:0px;}
.top{ width:100%; height:80px; border:1px #000 solid; margin:0px auto; display:block;}
.top1{ width:1200px; height:80px;}
-->
</style>
</head>
<body>
<div class="top">
<div class="top1"></div>
</div>
</body>
</html>
火狐和IE都是这样的 展开
5个回答
展开全部
因为你的top1的宽度是1200px,而你的浏览器在缩小后，整体宽度比1200要窄，浏览器下方是肯定会有横向滚动条的。所以，如果你想让他缩小后仍然没有滚动条，就把他的宽度1200px,改为百分比。定能药到病除。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你没有设置自适应浏览器大小，你把他最小化，了他肯定不能100%全平显示了啦，
追问
自适应浏览器大小是不是body{width:100%}？如果是。我加了也是这种情况
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
当你把滚动条拉到最左边，你就会发现那个黑色框的宽度正好是浏览器的宽的（也符合你设的100%），当你把滚动条拉到最右边时，那已经超出了浏览器的宽度（而你设的宽度是100%，他只显示了100%的宽度，当你把宽度设成1200%，它才能显示出全部）
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把top 里面的margin 改为0试试 display也没用阿他本来就是块元素 去了试试
追问
这个也没用。我自己贯彻了下。是因为浏览器缩小。top这个盒子也缩小了。里面的盒子挤出来的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我测试了你的代码，很正常
追问
可是我这里为什么会这样啊！把浏览器最小化，浏览器下面就会出现横向滚动条。把滚动条拉最右边，就是如图的显示！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
