css - 這可能是什麼原因造成的？

-3

我有一個外部div（藍色）和內部div。我不確定它對相鄰div有什麼影響。有任何想法嗎？刪除內部div的內容會使其恢復正常。css - 這可能是什麼原因造成的？

編輯＃1

這裏有一個新的圖像和CSS。看起來配對盒正在引起一些垂直偏移。

enter image description here

.clearfix:after { 
    clear: both; 
    content: "."; 
    display: block; 
    font-size: 0; 
    height: 0; 
    visibility: hidden; 
} 

.wide-box { 
    border: 1px solid blue; 
    margin-top: 10px; 
    min-height: 100px; 
    width: 450px; 
} 

.clearfix { 
    display: inline-block; 
} 
.pairings-box { 
    border: 1px solid black; 
    float: left; 
    width: 300px; 
} 

<div class='wide-box clearfix'></div> 

<div class='wide-box clearfix'></div> 

<div class='wide-box clearfix'> 
    <div class='pairings-box'>here is some text</div> 
</div> 

<div class='wide-box clearfix'></div>

來源

2012-03-10 timpone

問題是什麼？ – 2012-03-10 22:07:15

該圖像很有幫助，但我們可以看到您的實際HTML和CSS嗎？ – 2012-03-10 22:07:42

你嘗試過'display：inline-block'嗎？我目前有一個與我的網站類似的問題，這解決了一些問題，但不是全部。 – Ryan 2012-03-10 22:10:20

後here

例子，我不相信藍<div>■找一個display: block;你的建議。顯示的行爲對於display: inline-block;是正常的。

來源

2012-03-10 22:20:37 Neil

讓我試着簡化代碼和發佈。 thx – timpone 2012-03-10 22:25:06

我在一些div上遇到了同樣的問題，inline-block對一些div有所幫助，但對其他人卻沒有。 @jacktheripper建議的浮動只是解決了我的問題，我只是做了一個測試，並改變了內聯塊來阻止，這對我的情況沒有任何影響。 – Ryan 2012-03-10 22:25:52

我很抱歉 - 我認爲你是對的Neil – timpone 2012-03-10 22:39:21

嘗試浮動裏面的內容就離開了。

實例之前花車彩車here

來源

2012-03-10 22:16:41 jacktheripper

美麗，這解決了我剩下的問題......我希望它可以幫助@timpone-謝謝隊友......嘿嘿 – Ryan 2012-03-10 22:23:23

讓我看看這個 - 我想這可能就是這樣。會做一些調整和測試。 thx jtr – timpone 2012-03-10 22:24:43

它解決了它嗎？ – jacktheripper 2012-03-10 22:48:25

css - 這可能是什麼原因造成的？

回答

相關問題