Question

http://rusticblonde.hostizzo.com/

你好，

请有人帮忙。我已经用％margins等“浮动”样式完成了这个....但是当我调整浏览器大小时，侧边栏会变得凌乱......

这是我的CSS标记

#MainContent {
width: 53%;
float: left;
margin-left: 110px;
margin-top: -247px;
padding-top: 0px;
background-color: #ffffff;
font-family: verdana;
padding-left: 10px;
padding-right: 10px;
font-weight: 100;
font-size: 8pt;
color: #000000;
}
#rightsidebar {
background-color: #ffffff;
width: 26%;
float: left;
margin-left: 15px;
margin-top: -247px;
}
 #FooterWrapper {
width: 81.2%;
clear:both;
height: 20px;
background-color: #145618;
color: #ffffff;
margin-top: 0px;
margin-left: 110px;
padding-bottom: 10px;
}
 #chunkyfooter {
 clear: both;
overflow: hidden;
width: 81.2%;
padding-top: 8px;
margin-left: 110px;
text-align: center;
font-family: verdana;
font-size: 10px;
}

任何想法如何解决这个问题？

谢谢：）

科斯蒂

Answer 1

尽量不要在同一元素中混合两个单位，这可能是导致问题的原因。有些人喜欢混合两种单位，像素和百分比，但我总是试图总是使用像素。

我的建议，选择一个你最熟悉的并坚持使用它，只要你不在同一个元素中混合不同的单位就可以了。

浏览器在缩小尺寸时弄乱侧边栏

1 个答案: