我要投搞

标签云

收藏小站

爱尚经典语录、名言、句子、散文、日志、唯美图片

当前位置:财神爷图库 > 定位写出 >

常见的面试问题:【CSS】已知高度写出三栏布局

归档日期:07-20       文本归类:定位写出      文章编辑:爱尚语录

  解决方案(1)浮动;(2)绝对定位;(3)弹性布局;(4)表格布局;(5)网格布局。

  B:缺点:绝对定位布局脱离文档,它的子元素也会脱离文档流;优点:使用快捷,不容易出现问题,兼容性也比较好

  D:表格布局比较繁琐,不利于SEO优化;表格布局兼容性比较好,IE8不支持flex,但支持表格。当其中的一个单元格超出的,两侧单元格也会同时增高,根据场景决定。

  flex布局和表格布局。浮动布局因为左侧有遮挡,所以没有超出的文本会在中间出现,超出部分没有遮挡会再左侧出现。

  设置大小盒子的高度为100px,左右(left和right)的div宽度固定为200px, 并分别给三个盒子设置不同颜色用来区分。

  center的div需要放到后面(其余方案都不需要更改Html顺序),对左右div使用float:left和float:right,float使左右两个元素脱离文档流,中间的正常文档流中。

  每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。

本文链接:http://mymediaworld.net/dingweixiechu/738.html