html滚动条占位置,html – 位置：绝对导致水平滚动条

当窗口调整大小(大小减小)超过它们时，绝对定位(侧面黄色广告)div的原因是不需要的水平滚动条。滚动条应该仅在窗口小于主#container时出现，这些广告div不应影响布局。没关系，如果他们被覆盖。

HTML：

Link1

Link2

Link3

Link4

ad

ad

Lorem ipsum placeholder text

CSS：

body, html {

height:100%;

}

body {

margin:0;

}

#topbar {

width:100%;

background-color:#DCDCDC;

height:40px;

position:absolute;

}

#menu {

width:250px;

background-color:#B3B3B3;

margin:0 auto;

height:100%;

text-align:center;

line-height:40px;

}

#menu a {

color:#fff;

}

#container {

height:100%;

background-color:#808080;

width:240px;

padding:0 5px;

margin:0 auto;

}

#pushfix {

height:40px;

}

#ad_container {

position:relative;

width:240px;

}

#ad_container div {

width:100px;

background-color:yellow;

height:300px;

position:absolute;

}

#ad1 {

left:-105px;

}

#ad2 {

right:-105px;

}

Exact layout replica: 07000