明確：都與h2標記：h2頁邊距doens't工作

我有float: left股利，我想清除後浮動。如果我在浮動div之後插入<div style="clear:both;"></div>，那麼它工作正常。問題是我需要一個解決方案，無需額外的div。明確：都與h2標記：h2頁邊距doens't工作

我加clear:both爲h2標籤，它的工作原理，但不考慮h2的上邊距。

HTML：

<p class="with_arrow_down">IF you don’t know the cost you are&nbsp;probably making the wrong decisions</p> 
<!--<div style="clear:both;"></div>--> 

<h2 class="bigmargin">Check list for maintaining the highest levels </h2>

CSS：

.with_arrow_down {   
    padding-top: 44px; 
    height: 30px; 
    width: 28%; 
    text-align: center; 
    margin-left: 5%; 
    float: left; 
} 
.with_arrow_down:nth-of-type + * { 
    clear: both; 
} 
h2.bigmargin { 
    margin: 65px 0 65px 0; 
    clear:both; 
}

請解釋我如何使H2的利潤率工作。

的jsfiddle：http://jsfiddle.net/smdgg/3/

來源

2013-07-20 renathy

你的小提琴忽略了'clear：both' ...將這個添加到'h2.bigmargin'規則的行爲與預期相同。 – 2013-07-20 16:54:19

它的工作。

您的JS Fiddle演示缺少您在問題中提到的h2的clear: both規則。

如果我們update it那麼唯一的問題是它重疊以前的內容，因爲該元素有一個固定的高度，所以內容溢出，這可以通過setting overflow hidden演示。

來源

2013-07-20 16:53:33 Quentin

我已更新我的問題。它確實有效，但利潤率不起作用。查看更新的問題。我從我的網站上覆制了那些看起來很清楚的CSS和HTML：兩者都不起作用，但實際上利潤率並沒有起作用。 – renathy

@renathy - 這個答案已經解釋了爲什麼邊際不能按照你的預期工作。設置在arrow_down上隱藏的溢出，或者不要給它一個固定的高度。 – Quentin

我看不到如何溢出隱藏或不設置高度將有所幫助。它仍然不考慮利潤率。我需要h2和.with_arrow_down之間的保證金 – renathy

明確：都與h2標記：h2頁邊距doens't工作

回答

相關問題