DIV没有得到父div的修复

时间:2013-10-20 19:30:11

标签: css html

我使用三个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;

}

1 个答案:

答案 0 :(得分:0)

要修复div2内的div3div1,您需要div1 width大于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