DIV浮動問題

Question

好了，所以我得到了這個div：

#content .entry-title { 
    color: #5d9851; 
    font-size: 21px; 
    font-weight: bold; 
    line-height: 1.3em; 
    margin-left: 30px; 
    width: 520px; 
    overflow: hidden; 
    border-bottom: 1px solid #97fb83; 
} 

和喜歡.stripedbar做它不會.grayblock的側面去：

.stripedbar{ 
    background-position:left top; 
    background-repeat: repeat; 
    background-image:url('images/bar.png'); 
    height: 20px; 
    width: 520px; 
    margin-left: 30px; 
    margin-bottom: 0px; 
} 

.grayblock{ 
    background-color: #cccccc; 
    height: 40px; 
    width: 20px; 
    float: left; 
} 

任何想法如何使它打得很好（在.grayblock的一側，並在.stripedbar下）？

這是博客： http://prime.programming-designs.com/blog/

Answer 1

你有這樣的代碼在你的樣式表：

h1, h2, h3, h4, h5, h6 { 
    clear: both; 
    font-weight: normal; 
} 

所以，.entry-title塊被清除的.grayblock浮動。 您需要將clear:none;添加到#content .entry-title款式，它會很好。

Answer 2

添加clear:none財產<h2>標籤或#content .entry-title，因爲它不允許浮動元素任何一方目前。