css
文章平均质量分 68
happiness_0
这个作者很懒,什么都没留下…
展开
-
清除浮动的解决方案总结
我们通常在进行页面布局的时候会使用float,使多个盒子在一行显示,但浮动造成页面塌陷混乱,达不到我们想要的结果,因此,本篇文章主要描述浮动及其问题的解决方法(清除浮动)。 浮动 浮动,是一种特殊的结构,它区别于我们默认的流式结构,也就是说,它已经不在我们的流式结构的DOM树上了,因此它们的父元素就不能获取高度了。为了解决这类问题,就要清除浮动。 首先给box1和box2设置左浮动如下图(具体代码在以下的解决方案中),我们能看到页面已经塌陷,box1和box2已经脱离文档流,在页面中不占据位置,因此,后面的原创 2021-05-10 21:29:37 · 300 阅读 · 1 评论 -
详细描述css定位
定位 = 定位模式 (position)+位偏移(top、right、bottom、left) 1.静态static(默认)如下:div初始位置 2.相对定位(position:relative) (1)子盒子相对于自身原来的位置进行移动 (2)不脱离标准流,后面的盒子不会占据它的位置 如下:紫色盒子相对于自身原来的位置进行偏移 position: relative; top: 100px;/*相对于自身原来的顶部进行偏移*/ left: 80px;/*相对于自身原来的左部进行偏移*/原创 2021-04-25 22:00:46 · 175 阅读 · 1 评论 -
总结css选择器
css选择器 根据不同需求把不同的标签选出来,即选择标签使用的,主要分为基础选择器、复合选择器 1.基础选择器 标签选择器 标签名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; ··· } 类选择器 .class(类名){ /*样式声明;*/ } id选择器 #id{ /*样式声明;*/ } 通配符选择器(*表示选择所有元素) *{ /*样式声明;*/ } 2.复合选择器 由两个或多个基础选择器原创 2021-04-19 15:23:12 · 173 阅读 · 2 评论