你可以在最后一个子元素后面再加一个DIV 然后给这个DIV定义一个清除浮动和溢出隐藏
clear: both;height: 0px;overflow: hidden;
这样就可以了
HTML
<div class="div1">
</div>
CSS
div1 {
min-height: 30px; /最小高度30像素/
}
设置min-height后,默认最小高度为30像素。内容增加后,div高度也会容增加。
注意:ie6 不支持min-height属性。
用于d性容器里,即"box",该容器内的 所有元素都一致受制 于align-items的值。
用于 d性容器内部的元素 ,即"box1"、"box2",align-self可以 分别控制 不同的元素取不同的值。
高度用百分比:
<div id="a"><div>Div2</div></div>
#a{height: 50%;}
#a div{height: 50%;}
按上面的意思,外面div应该等于网页高度的一半,里面div高度为网页高度的4/1,然而你会发现并不生效,原因是高度需要从外到内一层一层的继承,里面的div设百分比高度才会有效吗,所以你得给body或html先声明个样式:body{height: 100%;}。
很多时候,网页内容多少在变化高度也在变,每个页面高度并不是统一的,用这个代码还是会产生不一样的内层div高度。
网页高度自适应,基本上忘了css吧,很多设计情况下css不管用,写几段js动态判断需求再动态的算出高度赋值给div。
以上就是关于css高度问题全部的内容,包括:css高度问题、CSS设定,最低高度和自动增加高度怎么做、CSS:d性布局里的align-items和align-self简单记录等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)