![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
gdloveyl
好好学习 天天向上
展开
-
理解css中的flex布局
Flex布局意为弹性布局 任何一个容器都可以指定为Flex布局,行内元素也可以使用Flex布局,display:inline-flex Webkit内核的浏览器,必须加上-Webkit 前缀, display: -webkit-flex 设置Flex 布局以后,子元素的float,clear,vertical-align属性将失效。 flex容器上有6个属性 flex-direct...原创 2020-02-18 19:19:58 · 159 阅读 · 0 评论 -
css实现自适应三栏布局
在css中实现三栏布局,是一道常见的面试题,要学会用多种方式来实现自适应布局,在假设高度已知的情况下,本文一共用五种方式来实现了自适应三栏布局。 目录 1.浮动布局 2. position 布局 3. flex 布局 4. table 布局 5.网格布局 1.浮动布局 使用浮动布局的技巧就是,给左右两个div设置定宽,分别设置浮动,中间的div不用设置宽度,这样的做法就是需要将中间...原创 2020-02-18 14:08:09 · 278 阅读 · 0 评论