css - 浏览器在减小尺寸时弄乱了侧边栏

Question

http://rusticblonde.hostizzo.com/

你好呀，

请有人帮忙。我已经在具有％边距等的“浮动”样式上完成了此操作......但是当例如我调整浏览器的大小时，侧边栏变得一团糟......

这是我的 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

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

我的建议是，选择你最喜欢的那个并坚持下去，只要你不在同一个元素中混合不同的单位，你应该没问题。