2011-01-28 5 views
0

さてさて、私はこれはDIVました:の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; 
} 

作り方任意のアイデアそれはうまく(灰色のブロックの側にあり、右の.stripedbarの下に)遊んでいますか? http://prime.programming-designs.com/blog/

答えて

3

:だから

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

を、.entry-titleブロックは.grayblockのフロートをクリアしています。 clear:none;#content .entry-titleのスタイルを追加する必要があります。うまくいきます。

0

それが現在どちらの側に浮動要素を許可しないよう<h2>タグや#content .entry-titleclear:noneプロパティを追加します。

これはブログです。あなたのスタイルシートでこのコード持って