文档流

文档流文档流处在网页的最底层,它表示的是页面中的位置,我们所创建的元素默认都处在文档流中。元素在...     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

浮动

块元素在文档流中默认从上至下排列,若希望块元素在页面中水平排列,可以使块元素脱离文档流。     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

简单布局

进行简单布局练习:     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

高度塌陷问题

在文档流中,父元素的高度默认是被子元素撑开的,即子元素多高父元素就多高。但是当子元素设置浮动之后,子元素完全脱离了文档流,此时将会导致...     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

解决高度塌陷问题 - 1

根据W3C的标准,在页面中元素都有一个隐含的属性叫作Block Formatting Context,简称     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

导航条练习

进行简单导航条练习:     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

清除浮动

如有以下代码片段:     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

解决高度塌陷问题 - 2

添加空白div以直接在高度塌陷的父元素的最后添加一个空白的div或任何块元素,...     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

解决高度塌陷问题总结

开启BFC或者hasLayout     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

侧边信息栏案例练习

网页侧边栏信息栏练习:     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

定位和相对定位

定位定位...     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

绝对定位

当元素的position属性值设置为absolute时,则开启了元素的绝对定位。...     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

固定定位

当元素的position属性值设置为fixed时,则开启了元素的固定定位。固定定位...     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

元素的层级与元素的透明

如果定位元素的层级相同,则结构中写在后面的元素会盖住写在前面的元素。通过z-index属性来设置元...     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018

背景 - 1

使用background-color来设置背景颜色语法:background-color: ...     阅读全文
Ninefire's avatar
Ninefire 6月 06, 2018