html/css
关注
分享
扫一扫
GXing007
这个作者很懒，什么都没留下…
展开
-
[css]布局 三栏式布局，左右定宽，中间内容区域自适应
实现三栏布局的经典方式有：圣杯布局，双飞翼布局，两者都是利用父元素的margin/padding来达到想要的效果，同时也是遵循重要内容优先加载的规则(先加载中间部分)。只是在实现上有些不同，同时利用css3的flex布局也可以实现以上效果。圣杯布局：用一个父元素，包裹三个子元素，同时将中间部分写在前边<!DOCTYPE html> <html lang="en"&...原创 2018-03-08 15:09:14 · 1060 阅读 · 0 评论 -
css两栏布局
左边定宽，右边自适应方法一：左边使用float：left，右边使用margin-left;<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css两栏布局</title> <s原创 2018-03-09 13:51:44 · 252 阅读 · 0 评论 -
flex布局教程
一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline-flex; } Webkit 内核的浏览器，必须加上-webkit前缀。 .box{ dis...转载 2018-03-27 16:50:23 · 193 阅读 · 0 评论