Question

我有这个页面...... http：//thornwoodfinehomes.com/whatsNew.php它在Firefox和IE 7,8＆amp; 9但不适用于Safari和谷歌浏览器。

这是HTML

<div class="contentAreaAvailable">
<div class="content">
<div class="contentText">
Some Text
<img src="pics/whatsNew1.jpg" width="407" height="247" border="0" />
</div><!--contentText-->

<div class="rightContent">
<img src="pics/whatsNew2.jpg" width="332" border="0" />
<br /><br />
<img src="pics/whatsNew3.jpg" width="332" border="0" />
</div><!--rightContent-->

</div><!--content-->
<div style="text-align:center; width:100%; float:left; padding-top:15px; font-size:26px;">
<stong><em>Coming soon, some exciting opportunities in Roseland Burlington.</em></stong>
</div>

</div><!--contentAreaAvailable-->

这是CSS

.contentAreaAvailable{
    background:#000;
    padding:50px;
    border:1px solid #FFF;
    width:912px;
    height:730px;
    float:left;
}

.content{
    padding-bottom:4px;
}

.contentAvailable{
    /*padding:20px 0 0 0;*/
    width:566px;
    font-size:22px;
    float:left;
    padding-bottom:10px;
    margin:10px 0 0 0;
}

.rightContentAvailable{
    float:right;
}

我不知道为什么它在chrome和safari中这样做，任何帮助都将不胜感激。感谢

Answer 1

我不确定你是如何设置宽度的，但似乎左边的div contentAvailable 有点太大了。当我将它从566px调整为500px时，正确的div rightContentAvailable 滑动，布局看起来正常。（这是在Chrome中。）

此外，使用Chrome中的开发者工具是解决布局问题的好方法。

div在chrome和safari中没有正确定位

1 个答案: