<body>
<div id="pContainer">
<div id="gContainer" class="gFix">
<table...>
<tr class="header">
<td....>
...
</td>
</tr>
<tr class="bContent"..>
<td>
...
<tr>
...
</tr>
...
</table>
</div>
</div>
<div class="wContent">
<table id="container"...>
...
</table>
<div id="lghtbtn"></div>
</div>
</body>
CSS
html, body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0;
background-color: #fefefe;
font-size: 13px;
font-style: normal;
font-weight: normal;
font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
}
#pContainer {
width: 100%;
height: 100%;
margin: 0 auto;
position: static;
}
#gContainer {
width: 1002px;
float: inherit;
margin: 0 auto;
position: inherit;
max-width: 1024px;
}
.container {
height:80px;
overflow:scroll;
border:1px solid #CCC;
}
#bContent {
top: 111px;
left: 0px;
width: 97%;
clear: both;
float: inherit;
margin: 0 auto;
display: block;
position: inherit;
min-height: 481px;
/*background-color: #efefef;*/
}
pContainer是完整的页面。 gContainer是标题,正文部分,包含有字段网格等的正文内容,我尝试给出位置:固定在各种div中。但如果我这样做,内容就会向左转。有帮助吗?
答案 0 :(得分:0)
您的代码不完整,<table id="container"...>
没有结束标记。
对于你的代码,它可能是某个事件上html组件的高度或宽度的突然改变