20200817-黄春跃

今天学习了页面的布局和弹性的布局。知识点很多,都在思维导入里面

老师今天讲了几道面试题:

1.使用3-5种方法实现元素在页面中的水平垂直居中(知道元素的高和不知道元素的高)

今天上课讲的方法:marg:0 aotu;

​ top/left/right/button:0;

2.如果父元素无高度全是靠内容撑开,当元素浮动以后,会发生高度坍塌。

  1. 父元素设置高度,弊端:不是每次都能明确知道具体高度;
  2. 父元素设置浮动,弊端:会影响父元素后续元素;
  3. 为父元素设置overflow属性,弊端:如果有内容要溢出显示(弹出菜单),也会被一同隐藏,,取值:hidden/auto;
  4. 父元素设置display:table,弊端:盒模型属性已经改变,会造成其他问题;
  5. 在父元素中追加一个空的,没有宽高的div,设置clear:both;

  6. 使用内容生成的方式清除浮动。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1