元素浮动-白红宇

元素浮动

阅读量：5077 次

发布时间：2019-06-12

本文共 873 字，大约阅读时间需要 2 分钟。

子元素浮动会导致父元素盒子无法被撑开，导致父元素的样式无法显示，以下介绍几种清除浮动的方法

原代码：

显示如下：

1、设置父元素高度：

height: 500px; /*设置父元素高度*/

2、父元素绝对定位：position:absolute;

3、父元素设置overflow：hidden

4、父元素设置浮动：float：left/right

5、在子元素最后添加一个空盒子，并设置样式为clear:both;

6、在父元素样式上添加一个伪类，相当于在子元素最后添加一个空盒子，原理与5类似

转载于:https://www.cnblogs.com/sumyn/p/7668224.html

你可能感兴趣的文章

ArcGIS10：ArcGIS version not specified. （转载）

[AngularJS + Unit Testing] Testing a component with requiring ngModel

查看>>

[React Native] State and Touch Events -- TextInput, TouchableHighLight

查看>>

[Javascript] Promise-based functions should not throw exceptions

WebService 为什么添加Web引用后能远程调用

查看>>

Divide Two Integers leetcode java

查看>>

JAVA的GC机制（转）

查看>>

WAKE-WIN10-SOFT-VS2013及工具

查看>>

BZOJ2957: 楼房重建(分块)

查看>>

BZOJ2199: [Usaco2011 Jan]奶牛议会(2-SAT)

c# 通过 OLEDB连接Access，DBF。