Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css div box不随高度增长_Css_Html - Fatal编程技术网

Css div box不随高度增长

Css div box不随高度增长,css,html,Css,Html,当有更多内容出现时,蓝框和白div不扩展会有什么问题 我已经把CSS的领域,我的工作,但它不可能是问题 我希望盒子的高度与盒子外扩展的交易类别相同 CSS: .content_inner{ height: auto; background-color: #6c93b8; margin:12px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cle

当有更多内容出现时,蓝框和白div不扩展会有什么问题

我已经把CSS的领域,我的工作,但它不可能是问题

我希望盒子的高度与盒子外扩展的交易类别相同

CSS:

.content_inner{
    height: auto;
    background-color: #6c93b8;
    margin:12px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    clear:both;
}

.homeWrapper{
    padding: 12px;
    width:auto;
background-image: linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -o-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -moz-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -webkit-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -ms-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.73, rgb(71,95,124)),
    color-stop(0.85, rgb(33,50,86))
);

.leftColBlog{
    display: inline-block;
    width:650px;
    margin:0 0 5px 0;
    background-color: #fff;
}
.rightColBlog{
    display: inline-block;
    float: right;
    width:230px;
    text-align: left;
}
问题:

.content_inner{
    height: auto;
    background-color: #6c93b8;
    margin:12px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    clear:both;
}

.homeWrapper{
    padding: 12px;
    width:auto;
background-image: linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -o-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -moz-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -webkit-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -ms-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.73, rgb(71,95,124)),
    color-stop(0.85, rgb(33,50,86))
);

.leftColBlog{
    display: inline-block;
    width:650px;
    margin:0 0 5px 0;
    background-color: #fff;
}
.rightColBlog{
    display: inline-block;
    float: right;
    width:230px;
    text-align: left;
}


一种方法是添加
溢出:隐藏
.homebrapper
.content\u inner

这将为右侧菜单创建一个新的块格式上下文,因为浮动的元素将从正常流中取出,需要清除,或者需要一个溢出值不是其他元素可见的容器