css盒子模型外边距知识

【-】---外边距合并,则子元素的外边距会设置给父元素

1,可以给父元素设置上边框,可以i解决这个问题

2,可以给父元素设置padding-top 内边距,解决问题

【-】---父元素默认将溢出的内容,在父元素外边显示

1,通过overflow可以对溢出的内容进行处理

--overflow:hidden  将溢出的内容进行 裁剪 不会显示

--overflow:scroll    增加滚动条 来查看完整内容  是否溢出都会添加水平垂直滚动条

--overflow:auto     只能增加滚动条 有加显示滚动条 没有则不显示

【-】 文档流--》文档流处在网页的最底层,表示一个页面中的位置,元素默认都在文档流中

1,--元素在文档流中的特点

      :块元素--》独占一行,自上向下排列,默认宽度是父元素的100%,高度被子元素撑开

       (当宽是默认值时,指定内边距不会影响盒子大小)

      :内联元素--》  只占自身的大小,从左往右排列,宽高都由内容撑开

猜你喜欢

转载自www.cnblogs.com/zzhqdkf/p/12454783.html