网页布局
关注
分享
扫一扫
文章平均质量分 87
记录前端网页的布局技巧
鸿雁南去情难寄
仙人抚我顶，结发受长生。
展开
-
02 Layout
网页布局 文章目录网页布局一、两栏布局1.1 float + overflow方式1.2 float + margin方式1.3 flex方式二、三栏布局2.1 圣杯布局2.2 双飞翼布局2.3 float + overflow方式2.4 flex方式三、三行布局3.1 calc方式3.2 position方式3.3 flex方式 一、两栏布局 边栏定宽，主栏自适应 1.1 float + overflow方式 <body> <div class="layout">原创 2021-04-08 14:35:35 · 164 阅读 · 0 评论 -
01Flex布局
弹性盒子模型 注：该大部分内容借鉴于菜鸟教程网站，附原网址 http://www.runoob.com/css3/css3-flexbox.html 一，弹性盒模型概述 它主要用于实现容器里项目的对齐、方向、排序，它能够动态修改子元素的宽度和高度，决定元素在盒子中的分布方式以及如何处理盒子可用空间，对于不同的尺寸的屏幕得以合适的布局。 二，弹性盒子的组成 弹性盒子组成图 1，弹性盒子 = 弹性容...原创 2018-12-04 12:51:00 · 206 阅读 · 0 评论