Question

我失去了生存的意志！我是一名业余编码员，所以没什么特别的，但我正在努力。

我这里有一个页面： http://www.simplypsychics.com/null/OnlineReaders.php

在Chrome中，它有效。在Safari中它可以工作。在Firefox中，白色位向右射击。

请有人告诉我为什么我的div被移动了吗？

这是我的CSS代码： http://www.simplypsychics.com/null/OnlineReaders.css

Answer 1

您应该在此选择器上使用clear: left;代替float: left：#feed li

Answer 2

在你的这个css类.readwhite中，在firefox中删除位置：绝对;

因此.readwhite的css将是

#feed .readerwhite {
    background-color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.18);
    float: left;
    height: 120px;
    margin-left: 9px;
    margin-top: -140px;
    width: 246px;
}

我的div不会在Firefox中对齐（适用于Chrome和Safari）

2 个答案: