Css div box不随高度增长
当有更多内容出现时,蓝框和白div不扩展会有什么问题 我已经把CSS的领域,我的工作,但它不可能是问题 我希望盒子的高度与盒子外扩展的交易类别相同 CSS: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
.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
这将为右侧菜单创建一个新的块格式上下文,因为浮动的元素将从正常流中取出,需要清除,或者需要一个溢出值不是其他元素可见的容器