摘要：
什么是bfc： 块级格式化上下文，成立独立的渲染区域（内部不影响外部） 怎么生成bfc： 1根标签html 2浮动 float 不为默认值 3溢出 overflow 不为默认值 4display：inline-block； 5position：absolute/fixed； bfc解决的问题： 1浮 阅读全文
posted @ 2022-08-10 14:37
九毛九
阅读(87)
评论(0)
推荐(0)
摘要：
浮动会脱离文档流 清除浮动方法 1 父标签加浮动（不推荐会产生新的浮动） 2给浮动标签父标签加固定高度（不够灵活） 3给父标签加 ovrflow:hadden； 4在浮动标签最后加块标签 标签本身不设置 添加样式 clear：both（不推荐 代码冗余） 5 最优方法： 给浮动标签父盒子加伪元素 . 阅读全文
posted @ 2022-08-10 14:26
九毛九
阅读(23)
评论(0)
推荐(0)
摘要：
多列子元素在父元素中实现等高 方法一： 1.三个子盒子写pidding-bottom：9999px ；margin-bottom:-9999px 2.大盒子加overflow：hidden 方法二： 层层嵌套 利用内部盒子高度变化 父盒子也会变大 阅读全文
posted @ 2022-08-10 13:53
九毛九
阅读(17)
评论(0)
推荐(0)
摘要：
圣杯布局： 设置左 中 右三列 （顺序 中 左 右 为了使主体优先加载） 1.左盒子固定宽 右盒子固定宽 中间盒子100%宽； 2.加浮动 3.左盒子margin-left:-100% 右盒子margin-left:负自身宽度； 4.父盒子加padding：0 右盒子宽 0 左盒子宽； 5.左右盒子 阅读全文
posted @ 2022-08-10 11:26
九毛九
阅读(37)
评论(0)
推荐(0)
摘要：
属性选择器： <div class="boax">11111</div> <div class="abox">22222</div> <div class="boxb">33333</div> <div class="cbox">44444</div> ·div[class^=b] 选中^以b开头； 阅读全文
posted @ 2022-08-10 10:47
九毛九
阅读(51)
评论(0)
推荐(0)
浙公网安备 33010602011771号