前端CSS
文章平均质量分 52
weixin_47875472
这个作者很懒,什么都没留下…
展开
-
clearfix(清除浮动)为什么要清除浮动,怎么清除浮动
clearfix(清除浮动)为什么要清除浮动,怎么清除浮动理想的状态下,内容很多的时候父盒子不方便给高度,都是让子盒子撑大父盒子,有多少子盒子父盒子就有多高。 但是子盒子加了浮动(不占位置),父盒子的高度就会变成0,会影响下面的标准流(下面的标准流就会跑到子盒子底下)。所以需要清除浮动清除浮动办法:1.额外标签法(不推荐)注:要求这个新的空标签必须是块级元素2.父级添加overflow属性将其属性值设置为hidden,auto或scroll优点:代码简洁缺点:无法显示溢出的部分3.afte原创 2021-02-23 18:48:45 · 166 阅读 · 0 评论 -
CSS元素分类(块元素,行内元素,行内块元素)
1.块元素(标签):~,,,,,块元素特点:自己独占一行高度,宽度,外边距和内边距都可以更改宽度默认是父级宽度的100%是一个容器及盒子,里面可以放行内或者块级元素。2.行内元素:,,,,,,,,,可以一行显示多个行内元素高度,宽度不能更改默认宽度就是它本身内容的宽度行内元素只能容纳文本或者其他行内元素3.行内块元素:,,和相邻行内元素(行内块)在一行上,但是他们之间有空白缝隙。一行可以 显示多个默认宽度就是它本身内容的宽度(行内元素特点)高度,行高,外边距及内边距都可以更改(原创 2020-12-22 19:38:57 · 303 阅读 · 1 评论 -
怎样消除盒子的右边距,使其排列整齐,不会把其他盒子挤下去
怎样消除盒子的右边距,使其排列整齐,不会把其他盒子挤下去把li的父亲ul修改的足够宽, 一行能装下5个盒子就不会换行了![在这里插入图片描述](https://img-blog.csdnimg.cn/20201026185241917.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Nzg3NTQ3Mg==,size_16原创 2020-10-26 19:05:57 · 434 阅读 · 0 评论