css 查缺补漏

1. clear

clear属性指定一个元素是否必须移动 (清除浮动后) 到在它之前的浮动元素下面。clear 属性适用于浮动和非浮动元素。
①应用于非浮动元素：使非浮动元素的边框外界移动到所有浮动元素外边界的下方，顶部外边界折叠。相邻的浮动元素外边界不折叠。

②应用于浮动元素：它将底部元素的[外边界边缘移动到所有相关的浮动元素外边界边缘的下方。这会影响后面浮动元素的布局，因为后面的浮动元素的位置无法高于它之前的元素。

③ 如果一个元素里只有浮动元素，那它的高度会是 0。如果你想要它自适应即包含所有浮动元素，那你需要清除它的子元素。一种方法叫做clearfix，即clear一个不浮动的 [::after] [伪元素]。

清除浮动方法.png

BFC机制.png

最好的清除浮动的方法是在父元素的css样式中添加overflow:hidden;

float属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的标准流（文档流）中移除，但是仍然保持部分的流动性（与[绝对定位]相反）。

list-style:none; 在列表的父元素添加

CSS权重叠加计算.png

居中.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。