我在页面的body里放了一个div,设置了div的宽度,为啥没有效果呢?页面还是充满整个body:

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我在页面的body里放了一个div,设置了div的宽度,为啥没有效果呢?页面还是充满整个body:相关的知识,希望对你有一定的参考价值。

<body onkeydown="if(event.keyCode==8)event.keyCode=0;return false;">
<div style="width:960px;">
<div id="north">
<tr class="northtop">
<td class="northleft2">
</td>
<td class="northright" nowrap="nowrap">
系统管理员
欢迎使用全面预算管理系统!
<!--<a href="/new/j_spring_security_logout">注销</a>-->
<a href="javascript:logout();">注销</a>
</td>
<td width="65" valign="center"><span id='otherfunction'></span></td>
</tr>
</table>
<table id="north_bottom" class="north_bottom" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="topsplit">
<a href="javascript:toggletop();"><div></div></a>
</td>
<tr>
</table>
</div>
<div id='emptydiv' class="loadTip"></div>
<div id='tipMsgDiv' onmouseout="setMouseout(1)" onmouseover="setMouseout(0)" style="display:none;position: absolute;border: 2 solid skyblue;background-color:#fff; z-index: 10000;">
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr bgcolor="skyblue"><td height="20%" width="90%" >系统管理员:<br></td><td align="center">
<img onclick="hideTipMsgObj()" src="/new/themes/default/images/cancel.gif"/><br></td></tr>
<tr><td colspan="2"><div id='tipMsgContent' style="text-align: center;"></div></td></tr>
</table>
</div>
</div>
</body>

你这里的宽度已经生效了。只是你没有定义位置;在里边加上这个就好了
<div style="width:960px; margin:auto;">
参考技术A 你没有超出隐藏。。。width:960px;overflow:Hidden;margin:0 auto; 参考技术B 一般给个背景色来测试

如何让div滚动时页面不跟着滚动?

参考技术A

滚动条是容器所固有的,不管是外面的滚动条,还是里面的滚动条,只要让固定的div和body或者html容器脱离关系,即可实现DIV固定在页面而不随着滚动条随意滚动。

1.html,body,将默认出现的滚动条,完全地隐藏,这样不管什么内容都不会出现了。

2.virtual_body,写一个假的body,设置它的长宽为100%,这样利用可视的浏览器窗体显示所有的内容,并垂直允许出现滚动条。

3.fixed_div,用它进行绝对值进行定位,因为在这个容器下,该页面100%的被假冒body覆盖了,滚动条自然也显示不出来了。

4.<html><head> <title></title> <style type="text/css"> html,body overflow:hidden; margin:0px; width:100%; height:100%; .virtual_body width:100%; height:100%; overflow-y:scroll; overflow-x:auto; 。

5.fixed_div position:absolute; z-index:2008; bottom:20px; left:40px; width:800px; height:40px; border:1px solid red; background:#e5e5e5 。

6.</style></head><body><div class="fixed_div">I am still here!</div><div class="virtual_body"> <div style="height:888px;"> I am content ! </div></div></body></html>。

以上是关于我在页面的body里放了一个div,设置了div的宽度,为啥没有效果呢?页面还是充满整个body:的主要内容,如果未能解决你的问题,请参考以下文章

div的最小宽高和最大宽高

DIV层显示隐藏

如何让div滚动时页面不跟着滚动?

如何css设置div页面100%高度, body页面全高

asp .net我在Arraylist 里放了一些 Dictionary<string,string> 如何绑定到Repeater里呢?

使用 jQuery 将 <body> 位置设置为固定时避免返回到页面顶部