摘要: 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素。在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫C 阅读全文
posted @ 2020-04-07 21:21 Magi黄元 阅读(331) 评论(0) 推荐(0) 编辑
摘要: CSS选择器分基本选择器(元素选择器,类选择器,通配符选择器,ID选择器,关系选择器), 属性选择器,伪类选择器,伪元素选择器,以及一些特殊选择器,如has,not等。 在CSS中,权重决定了哪些CSS规则生效,浏览器按如下规则进行CSS权重计算 1000:内联样式 0100:ID选择器 0010: 阅读全文
posted @ 2020-04-07 17:24 Magi黄元 阅读(578) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-04-07 02:30 Magi黄元 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 三栏布局、两栏布局都是我们在平时项目里经常使用的,今天我们来玩一下三栏布局的四种写法,以及它的使用场景。 所谓三栏布局就是指页面分为左中右三部分然后对中间一部分做自适应的一种布局方式。 1.绝对定位法 <div class="left">Left</div> <div class="main">Ma 阅读全文
posted @ 2020-04-07 01:07 Magi黄元 阅读(374) 评论(0) 推荐(0) 编辑