摘要:
什么是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)