CSS基础学习-13.CSS 浮动

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

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

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

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

2.变为伸缩盒

3.浮动

转载于:https://www.cnblogs.com/songsongblue/p/11047793.html

CSS基础学习-13.CSS 浮动相关推荐

CSS基础学习--16 Float(浮动)
一.定义 CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列. Float(浮动),往往是用于图像,但它在布局时一样非常有用. 元素的水平方向浮动,意味着元素只能左右移动 ...
CSS基础学习--6 CSS Text（文本）
一.文本颜色 color:red; 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 ...
CSS基础学习-7.CSS元素分类
转载于:https://www.cnblogs.com/songsongblue/p/11046359.html
CSS基础学习-5.CSS属性_字体文本文本装饰
转载于:https://www.cnblogs.com/songsongblue/p/11046039.html
CSS基础学习-8.CSS盒子模型_标准盒子9.CSS怪异盒子
怪异盒模型 box-sizing:content-box;/*正常盒模型,默认值*/ box-sizing:border-box:/*怪异盒模型,固定了盒子的大小,无论是否添加内边距还是边框,盒子的大 ...
CSS基础学习 19.CSS hack
转载于:https://www.cnblogs.com/songsongblue/p/11050351.html
CSS基础学习-6.CSS属性_列表、表格
转载于:https://www.cnblogs.com/songsongblue/p/11046214.html
CSS基础学习-15-1.CSS 浏览器内核
转载于:https://www.cnblogs.com/songsongblue/p/11047935.html
CSS基础学习 18.CSS多列
四种常见的浏览器内核: 转载于:https://www.cnblogs.com/songsongblue/p/11050210.html

CSS基础学习-13.CSS 浮动

CSS基础学习-13.CSS 浮动相关推荐

最新文章

热门文章