css - DIV 在父 div 中没有得到修复

Question

我使用三个 div div1 作为父级，使用 div2、div3 作为子级。
这里 div2 和 div3 被设置为左右浮动属性...
这两个 div 在父 div 中没有得到修复..
需要帮助????

   <div class="blogMain">
        <div class="blogLeftBlock">
          block1
        </div>

        <div class="blogRightBlock">
        vlock2
        </div>

    </div> 

CSS 类是

.blogMain
{

    width: 95%;
    height: auto;

}

.blogLeftBlock
{

    width: 500px;
    height: auto;
    float:left;
}

.blogRightBlock
{
    float: right;
    width: 250px;
    height: auto;

}

Answer 1

要修复div2anddiv3内部div1，你必须给div1awidth大于750px

html

<div class="blogMain">
  <div class="blogLeftBlock"> block1 </div>
  <div class="blogRightBlock"> vlock2 </div>
  <div style="clear:both"></div>
</div>

css

.blogMain {
    width: 760px;
    height: auto;
}
.blogLeftBlock {
    width: 500px;
    height: auto;
    float:left;
}
.blogRightBlock {
    float: right;
    width: 250px;
    height: auto;
}

你最好查看这篇文章 CSS Floats 101，非常有用http://alistapart.com/article/css-floats-101