html - float right position 好像是 float 在中间？

Question

我似乎无法弄清楚为什么这个盒子从与其邻居的对齐位置向下 float 了一点。相同的代码在内容的主框内使用，所以这是一个很大的困惑， parent 没有什么特别的应该会弄乱对齐。

http://jordan.rave5.com/tmpstuff/

我尝试了 vertical-align，但我知道它无论如何都不适用于元素。我只是很困惑。再来一次!

CSS

            .right-large-box {
                float: right;
                width: 300px;
                height: auto;
                padding: 0;
                margin: 0;
                vertical-align: top;
                top: 0;
            }

            .left-large-box {
                height: auto;
                padding: 0;
                margin-right: 310px;
                vertical-align: top;
                top: 0;
            }

Answer 1

.large-box 上 20px 的上边距将其向下推到容器内。删除它，它就会像你想要的那样位于顶部。