html - 为什么 IE6 无法正确呈现此边框？

Question

我目前正在完成客户希望在所有浏览器上工作的网站。但是，似乎存在一个我无法解决的 CSS 问题。此页面周围的边框似乎从页面中间开始，而不是围绕整个页面。它适用于所有其他浏览器。我猜这是一个 float 问题，但下面的 #contact-form 基本上应用了相同的 CSS，但边框仍然围绕着它，而 #info似乎已经突破了边界。

有问题的网页是http://lunaskymoda.co.uk/contact-us/

唯一的验证错误是未注册的关键字“Nextgen”，但我怀疑这就是问题所在。我花了一整天的时间来解决这个问题，似乎无法就为什么会发生这种情况提出合理的解释。

可能产生错误的 HTML 元素的 CSS 是:

#main #main-content {
border: 1px solid white;
display: block;
margin: 12px 0;
background: black;
}

.contact #main-content .info {
margin: 10px;
width: 300px;
font-size: 14px;
color: white;
float: right;
display: block;
}

Answer 1

您不是第一个遇到 ie6 问题的人:)问题当然是 clear 类的“clear: both”没有被兑现，所以你需要破解它。这是一种可能的方法: http://damienhowley.wordpress.com/2009/04/01/ie6-hack-replacing-clearboth/您也可以尝试将

替换为
。