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

问题描述：

I am losing the will to live! I am an amateur coder so nothing special but I am trying my best.

I have a page here: http://www.simplypsychics.com/null/OnlineReaders.php

In Chrome, it works. In Safari it works. In Firefox, the white bit shoots to the right.

Please can anyone tell me why my div is moved?

This is my CSS code: http://www.simplypsychics.com/null/OnlineReaders.css

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

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

在Chrome中，它可以正常运行。在Safari中它可以工作。在Firefox中，白色位向右射击。 p>

请问有人可以告诉我为什么我的div被移动了吗？ p>

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

答

You should use clear: left; instead of float: left on this selector: #feed li

答

In your this css class .readwhite, in firefox the remove the position: absolute;

So the css for .readwhite would be

#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）[关闭]

相关推荐