本篇教程介绍了HTML+CSS入门 HTML高度塌陷以及定位详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门。
<
高度塌陷的含义:
父元素的高度,默认被子元素撑开,目前来讲box2多高,box1就多高。此时如果子元素设置浮动,则会导致其完全脱离文档流,子元素脱离文档流将无法撑开父元素, 导致父元素的高度丢失,就是我们说的高度塌陷问题。父元素一旦高度塌陷,则它下边的元素会向上移动, 导致整个页面的布局混乱 。
定位(position):
定位一共有4种:relative,absolute,fixed,static
relative:相对定位就是在自己原先的位置上进行定位,没有脱离文档流,还占着原先的位置,比如设置position:relative,left:2px;top:2px,这个意思是在原来的位置上往左移动了2个px,往后面移动了2px
absolute:绝对定位就是相对于已经定位的兄弟元素或者父元素
fixed:固定定位,相当于固定在浏览器的某个位置。
本文由职坐标整理发布,欢迎关注职坐标WEB前端HTML/CSS频道,获取更多HTML/CSS知识!