浮動正確的位置似乎浮在中間？

我似乎無法弄清楚爲什麼這個盒子與它的鄰居保持一致。在內容的主框中使用相同的代碼，所以這是一個非常令人費解的問題，父母沒有什麼特別的東西可以解決對齊問題。浮動正確的位置似乎浮在中間？

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

我嘗試垂直對齊知道它不會隨份子反正工作。我只是困惑。再次！

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; 
      }

來源

2013-04-30 WASasquatch

的20像素的.large-box的上邊距向下推它的容器內。刪除它，它會像你想要的那樣坐在頂部。

來源

2013-04-30 01:31:37

我假設他們仍然需要保證金。我建議將20px頁邊距放在底部（'.large-box'），而不是'margin：auto 20px 20px;' – Mal 2013-04-30 01:44:57

它底部和頂部已經有20px頁邊距。我認爲'margin：0 auto 20px;'是期望的結果。或者，或者刪除底部邊距，並將其放在'.right-large-box'上。 – 2013-04-30 01:49:30

啊，我看到了，我已經解釋了'刪除'來擺脫它（'margin：auto 20px;'），當你的意思是設置頂部邊距爲0。 – Mal 2013-04-30 01:54:24

您已在.right-large-box類別中聲明float: right;，您也應該爲.left-large-box類別應用float。因此，它應該是：

.left-large-box { 
    float:left; /* add this one */ 
    height: auto; 
    padding: 0; 
    margin-right: 310px; 
    vertical-align: top; 
    top: 0; /* this one actually can be removed */ 
}

我想你也可以刪除top:0;，除非你已經設置position:relative/absolute這些類。

來源

2013-04-30 01:54:33

浮動正確的位置似乎浮在中間？

回答

相關問題