腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Bingo的深度学习杂货店

专栏作者

183

文章

152393

阅读量

43

订阅数

清除浮动的方法

本章主要介绍三种常用的清除浮动的方法，主要包括： ---- [1] 增加一个空 div, 使用 clear:both 将浮动元素 "挤到" 父元素中 [2] 在父元素里增加 overflow: hidden [3] 使用伪类 :after (推荐) ---- 清除浮动，其实就是清除元素被定义浮动之后带来的脱离文档流的影响。如果我们不想浮动元素后面的文字环绕着它，而是希望后面的元素回归到正常文档流时候的布局，这个时候我们可以使用清除浮动来实现。如果父元素不设置高度，并且没有使用清除浮动，浮动的子元素就无

2018-04-25

1K0

常见的布局实现

本章主要介绍常见的布局实现，包括： ---- [1] 两列布局 [2] 三列布局 [3] 弹性 (Flex) 布局 ---- [1] 两列布局子列固定宽度（设置 absolute、float），主列自适应屏幕（调整margin）。有 absolute + margin、float + margin、float + 负margin 等方式。 <!DOCTYPE html> <html> <head> <title>两列布局</title> <meta charset="utf-8">

2018-04-25

7940

水平居中和垂直居中

本章介绍几种常见的水平居中和垂直居中的实现方式 <!DOCTYPE html> <html> <head> <title>水平居中和垂直居中</title> <meta charset="utf-8"> </head> <style type="text/css"> .box { /* 在一个基础的盒子里面显示效果 */ position: relative; float: left; width: 250px; h

2018-04-25

2.6K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态