![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端入门
文章平均质量分 79
weixin_43734523
这个作者很懒,什么都没留下…
展开
-
CSS 清除浮动的几种方法
CSS浮动 float 是一种很重要的网页布局方式,它能让我们的页面更灵活。但是也存在着一些问题,如: 1、失去了自动撑开父元素的特性,使父元素不能高度自适应。 2、浮动元素会影响 后面浮动元素的贴边效果! 通常一个父元素中的子元素使用 float 的时候,要么让子元素全部浮动,要么全都不浮动。这样可以避免很多混乱问题。 下面说一下CSS 清除浮动的几种方法: 1、给父元素设置固定的高度。 由于浮动的元素不会占据标准流的位置,所有无法把父元素的高度撑开。导致页面混乱。只要给父元素设置一个固定的高度,里面的浮原创 2020-12-09 09:02:28 · 134 阅读 · 0 评论 -
HTML 标准文档流
HTML 标准文档流 本文的重点是讲float布局,以及清除浮动的方法。 在讲float之前,首先要说一下什么是标准文档流。 *、标准文档流:指的是元素排版布局过程中,元素会默认从左往右、从上往下的流式排列方式。前面的内容发生变化后,后面的内容位置也会随着发生变化。 HTML 就是一种标准文档流文件。 HTML 文档的特点:三个微观现象、三个元素等级 三个微观现象 1、空白折叠现象:无论写多少个空格(或者换行),最终显示的都只有一个空格! 2、底边对齐现象:当排列在同一行的元素高度不一致的时候,会出现底边对原创 2020-12-08 19:31:23 · 1026 阅读 · 1 评论