Div出现在Chrome中的不同位置

时间:2013-12-26 14:33:17

标签: css google-chrome firefox

我不能在Firefox和Chrome中将div放在同一个地方。 我的网站(http://biabakery.site11.com/aboutbia.php)上有这些属性的div:

#text3 {
    width: 450px;
    height: 200px;
    text-align: justify;
    float: left;
    margin-top: 100px;
    position: relative;
    margin-left: 480px;
    color: #EEE8AA;
}

这是第三个名为“The Store”的文本div。 在Firefox中它看起来很好,但在Chrome中它没有,我不能把它放在相同的位置。

如果我在Chrome中更改margin-left: 180px,则会按我的意愿显示,但不会显示在Firefox中。

1 个答案:

答案 0 :(得分:0)

您必须更改文件的html架构,您可以像这样制作重复的div块:

<div class="block">
<div class="block-images"><img src="" /></div>
<div class="block-text"><p>Some Text....</p></div>
</div>

这是jsfiddle例子