...出现了右边超出一块空白区域的问题。 其他子页都很正常
发布网友
发布时间：2024-10-22 06:44
我来回答
共1个回答
热心网友
时间：2024-11-16 12:24
证明你的网页宽度不够，要么设置下你的网页宽度自适应，
自适应宽度的 CSS 写法：
#div {background: #000; margin: 0 auto; width: 90%;}
这个不算难事。由于 CSS 本身支持最小宽度和最大宽度的定义，分别为 min-width 和 max-width 属性：
#div {background: #000; margin: 0 auto; width: 90%; min-width: 800px; max-width: 960px;}
即指定了 800~960 像素的宽度范围，浏览网页时最小限制为 800px，再小就出现横向滚动条，最大限制为不超过 960px。可是 IE 6 并不支持这种属性，网页也就无法根据分辨率自动调整宽度。那就需要判断窗口大小：
#div {background: #000; margin: 0 auto; width: 90%; min-width: 800px; max-width: 960px; width: expression (document.body.clientWidth <= 800? "800px": (document.body.clientWidth >= 960? "960px": "auto"));}
这样兼容了 IE 6 以及大部分浏览器，达到自适应分辨率的效果。
要么把你的网页设置为居中显示
代码：
<style>
#layout { width:778px; margin:0 auto; text-align:center; border:1px solid #44b6dc; background:#e1edfb; height:500px;}
</style>
</head>
<body><div id="layout"></div></body>
