![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
文章平均质量分 87
coderRSQ
这个作者很懒,什么都没留下…
展开
-
html+css之浮动
文章目录一. float 浮动1.1 float1.2 浮动规则二. float 案例在css中,有3种常用的方法对元素进行定位、布局normal flow:标准流、常规流、文档流(从左到右、从上到下依次布局)定位:静态定位(static)、相对定位(relative)、绝对定位(absolute)、固定定位(fixed)浮动:left、right绝对定位、浮动都会让元素脱离文档流,以达到灵活布局的效果一. float 浮动1.1 floatnoneleftright1.2原创 2021-02-26 11:14:16 · 235 阅读 · 0 评论 -
html+css之定位
文章目录一 标准流(Normal Flow)二 position 定位2.1 static 静态定位2.2 relative 相对定位一 标准流(Normal Flow)默认情况下,元素都是按照 normal flow (标准流、常规流、正常流、文档流[document flow])进行排布的从左到右,从上到下按顺序进行排布默认情况下,元素互相之间不存在层叠现象margin、padding 定位在标准流中,可以使用 margin、padding 对元素进行定位其中 margin 还可以设原创 2020-12-23 18:58:47 · 299 阅读 · 0 评论 -
html+css之盒模型
文章目录一 content 内容二 padding 内边距三 margin 外边距3.1 margin 上下传递3.2 margin 上下折叠四 border 边框一 content 内容二 padding 内边距三 margin 外边距3.1 margin 上下传递margin-top 传递如果块级元素的顶部线和父元素的顶部线重叠,那么这个块级元素的 margin-top 值会传递给父元素,这样就造成了 margin 塌陷现象margin-bottom 传递如果块级元素的底原创 2020-12-23 11:35:27 · 173 阅读 · 0 评论