div高度自适应

如何下面的child1和child2浮动,parent高度就会为0,前提child1和child2都有高度,如果你想parent的高度自适应,请继续阅读

<body>
    <div class="parent">
        <div class="child1"></div>
        <div class="child2"></div>
    </div>
</body>
  • 样式省略

方法1

.parent{ overflow:hidden; }

方法2

  • 会使用到伪元素:after,如果不懂请看伪元素
.parent{ content: " "; height: 0; diplay: block; clear: both; visibility: hidden; }

你可能感兴趣的:(html,高度自适应,div)