![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
css是一种样式表语言,允许作者和用户将样式附加到结构化文档,将文档的表示样式与文档的内容分开
lzh(๑′ᴗ‵๑)
湖南工程学院
展开
-
两列布局
文章目录两列布局的要求BFC布局布局规则BFC什么时候出现(哪些元素会生成BFC?)代码实现效果展示两列布局的要求左边固定,中间自适应给中间的body设置一个宽度BFC布局布局规则内部的Box会在重叠方向,一个接一个地放置。BFC的区域不会与float box重叠。内部的Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻的Box的margin会发生重叠。计算...原创 2020-02-10 11:15:30 · 159 阅读 · 0 评论 -
双飞翼布局
双飞翼布局需求分析技术点总结1.浮动:搭建完整的布局框架2.三列的伪等高布局3.margin为负值双飞翼布局与圣杯布局的对比相同之处不同之处代码实现效果展示需求分析两边固定,当中自适应当中列要完整显示当中列要优先加载技术点总结1.浮动:搭建完整的布局框架left 、center、right 三种都设置左浮动,设置center宽度为100%2.三列的伪等高布局conten...原创 2020-02-08 19:26:21 · 102 阅读 · 0 评论 -
圣杯布局
需求两边固定,当中自适应当中列要完整显示当中列要优先加载问题解决解决 left 和 right 上不去的问题(边界问题)元素与元素之间的边界是由margin控制的,由于块级元素独占一行,lefe 和 right 是上不去的,首先,让left 和 right 向左浮动,然后清除content 的浮动,目的:让left的左边界的margin-left 推一个middle 的宽度...原创 2020-02-08 17:58:22 · 127 阅读 · 0 评论