美文网首页
浮动元素的父元素不能自适应高度

浮动元素的父元素不能自适应高度

作者: 壹豪 | 来源:发表于2018-08-02 17:56 被阅读0次

div定义float:left;后height不会自适用高度

第一种就是: 后面加个DIV清除浮动;建议不使用这方法;

<div class-"a">
 <div class="b">无标题文档无标题文档无标题文档</div>
 <div class="c">有文档有标签文档有标签文档有标签文档有标签文档有标签文档</div>
 <div style="clear:both"></div>
</div>

第二种就是你给class=".a"加个属性

<div class-"a" style={{overflow:auto}}>
 <div class="b">无标题文档无标题文档无标题文档</div>
 <div class="c">有文档有标签文档有标签文档有标签文档有标签文档有标签文档</div>
</div>

就可以了,这样比第一种节约了代码;

注意:{zoom:1; overflow:auto;}两个一起才是清除浮动!

相关文章

  • 父元素不能自适应宽高

    子元素float,使得父元素不能自适应高度 父元素的高度变窄:不能在包含浮动子元素的高度,而变窄了,变窄的部分也刚...

  • css布局—清除浮动的影响

    浮动存在的问题①浮动的元素不能撑高父亲,高度不能自适应②浮动的元素会影响后面浮动的元素例: 效果: …………………...

  • 清除浮动的几种常用方法

    父元素自适应宽高度,子元素浮动导致高度塌陷 高度塌陷: 示例图: HTML: CSS: 第一种解决方案: 通过给父...

  • 清除浮动

    浮动元素脱离文档流,所以不占位置,当父元素没有设置高度时,不能撑开,导致父元素的高度塌陷,所以需要清除浮动。 方法...

  • 子元素浮动导致父元素高度塌陷解决方案

    高度塌陷是指父元素在未指定高度的情况下(高度自适应子元素高度),其内部的子元素因为设置了浮动属性,脱离文档流,导致...

  • 浮动元素的父元素不能自适应高度

    div定义float:left;后height不会自适用高度 第一种就是: 后面加个DIV清除浮动;建议不使用这方...

  • 高度塌陷 清除浮动 定位

    高度塌陷 父元素中的子元素浮动,导致父元素塌陷 开发中避免出现 写死父元素高度可以解决,但不能随子元素变化,不推...

  • 子元素浮动导致父元素高度不够问题的解决方案

    1.子元素浮动导致父元素高度(父元素坍塌) 未设置高度的父元素中,如果有子元素浮动(float),由于子元素不占据...

  • 前端零碎知识集锦

    float元素 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度...

  • 2017-02-21 CSS学习笔记 am

    浮动元素高度问题 在标准流中内容的高度可以撑起父元素的高度 在浮动流中浮动的元素是不可以撑起父元素的高度的 清除浮...

网友评论

      本文标题:浮动元素的父元素不能自适应高度

      本文链接:https://www.haomeiwen.com/subject/uboomftx.html