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