父元素自适应子元素的高度
在设计中宽度我们通常可以进行控制，但高度却没有明确的控制，一般元素的高度都是由子元素来控制的。即子元素的高度和决定了父元素的高度。当然手动设置父元素的指定高度也是可以的。问题：百分比控制的父元素有时不能够被撑开，子元素都几百px了，但父元素高度仍然为0。原因：浮动造成了容器不能正常计算元素高度。解决方案： 方案一：为父元素添加样式：overflow：hidden；该样式相当于
·
在设计中宽度我们通常可以进行控制，但高度却没有明确的控制，一般元素的高度都是由子元素来控制的。即子元素的高度和决定了父元素的高度。当然手动设置父元素的指定高度也是可以的。
问题：百分比控制的父元素有时不能够被撑开，子元素都几百px了，但父元素高度仍然为0。
原因：浮动造成了容器不能正常计算元素高度。
解决方案：
方案一：为父元素添加样式：overflow：hidden；该样式相当于为父容器清除了浮动。其实际效果是隐藏超出边界的内容。
方案二：在父元素中最后一个子元素后添加<div style="clear:both"></div>，这样就可以清楚父元素的浮动效果，元素的高度也就能够计算了。（若无效，请为每一个浮动的子元素清除浮动）
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
0
0- 0
已为社区贡献3条内容
所有评论(0)