![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 82
玊玊玊
这个作者很懒,什么都没留下…
展开
-
Flex布局(弹性布局)
https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html原创 2024-01-10 10:08:28 · 823 阅读 · 0 评论 -
圣杯布局(三种方法)
在 CSS 中的用法主要用于弹性盒子布局,它允许子元素根据容器的剩余空间进行放大和缩小,以实现响应式布局。第三个方法中需要注意的是元素排列顺序,由于浮动元素影响不了上级的块级元素所以一定注意div元素先后顺序。1.2 给左右盒子的 width 设置父盒子的 padding 值,2.1 父盒子设置 display:flex;3、利用 bfc 块级格式化上下文, 实现两侧固定中间自适应。2.3 中间盒子设置 flex:1;2、利用 flex 布局实现两侧固定中间自适应。1、利用定位实现两侧固定中间自适应。原创 2023-08-01 18:50:37 · 1636 阅读 · 2 评论