首页 > Web开发 > 详细

CSS中越界问题经典解决方案

时间:2015-12-06 00:06:04      阅读:371      评论:0      收藏:0      [点我收藏+]

8.CSS相关知识

 (1)如何解决父元素的第一个子元素的margin-top越界问题

  1)为父元素加border-top: 1px;——有副作用

  2)为父元素指定padding-top: 1px;——有副作用

  3)为父元素指定overflow:hidden;——有副作用

  4)为父元素添加前置内容生成——推荐使用

  .parent:before {

    content: ‘  ‘;

    display: table;

  }

 (2)如何解决所有的子元素浮动后父元素高度变为0,且影响后续元素

  1)为父元素指定overflow:hidden;——有副作用

  2)为父元素指定高度:height: xxx;——有局限性

  3)为父元素添加后置内容生成——推荐使用

    .parent:after {

      content: ‘  ‘;

      display: table;

      clear: both;

    }

CSS中越界问题经典解决方案

原文:http://www.cnblogs.com/-walker/p/5022532.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!