码迷,mamicode.com
首页 > Web开发 > 详细

CSS基础学习-13.CSS 浮动

时间:2019-06-18 21:39:05      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:学习   bsp   也会   line   lock   漂浮   基础学习   继承   影响   

 

技术图片

如果前一个元素设置浮动属性,则之后的元素也会继承float属性,我觉得这里说是继承不太对,可以理解为会影响到之后的元素,所以在设置浮动元素之后的元素要想不被影响就需要清除浮动。元素设置左浮动,则清除左浮动,clear:left; 元素设置右浮动,则清除右浮动,clear:right; 左右两侧均去掉浮动:clear:both;

注意:给元素设置float属性时,它是脱离文档流的,可以理解为它是漂浮在浏览器上方,不占位。

让块级元素水平排列的方法:

1.inline-block:变为内联元素

2.变为伸缩盒

3.浮动

CSS基础学习-13.CSS 浮动

标签:学习   bsp   也会   line   lock   漂浮   基础学习   继承   影响   

原文地址:https://www.cnblogs.com/songsongblue/p/11047793.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!