Question

http://erickochphoto.com/avejoe/?page_id=14在FF和IE中呈现正常，但在chrome中失败。

我正在使用clear：两者都显示：block / inline我能想到的每一个地方，但我失败了。有什么想法吗？

#main {
    margin: 0;
    padding: 0;
    width: 800px;
    min-height: 375px;
    background: url(images/paper.png) repeat-y;
    display: inline;
    float: left;
}
#leftBackCopy
{
    display: inline;
    margin: 0px;
    padding: 0px;
    background: url(images/map.png) no-repeat;
    width: 122px;    
    height: 426px;
    float: left;
}
#rightBackCopy
{
    display: inline
    margin: 0px;
    padding: 0px;
    background: url(images/trimCam.png) no-repeat;
    height: 195px;
    width: 122px;
    float: left;
}
#mainHolder
{
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 1044px;
}

Answer 1

尝试添加：

#mainHolder {
  overflow:auto;
  margin: 30px auto 0 auto;
}

保留所有其他样式，只需添加以上内容即可。为我工作，希望它适合你。

Answer 2

我没有太深入，但删除HTML的这一部分似乎可以解决问题，并将事情排成一行（在Chrome中）：

<div class="menu"><ul><li ><a href="http://erickochphoto.com/avejoe/" title="Home">Home</a></li><li class="page_item page-item-14 current_page_item"><a href="http://erickochphoto.com/avejoe/?page_id=14" title="Test">Test</a></li></ul></div>

因此，CSS中可能存在关于菜单类或其无序列表的冲突。

Chrome的CSS内联/阻止问题

2 个答案: