最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

div套div的内外边框问题_html/css

来源:动视网 责编:小采 时间:2020-11-27 16:30:44
文档

div套div的内外边框问题_html/css

div套div的内外边框问题_html/css_WEB-ITnose:css margin padding hello world 回复讨论(解决方案) LZ应该设置外部DIV的style:padding:20px,内部DIV就不会和外部DIV重合了 LZ应该设置外部DIV的style:padding:20px,内部DIV就不会和外部DIV重合了 这个
推荐度:
导读div套div的内外边框问题_html/css_WEB-ITnose:css margin padding hello world 回复讨论(解决方案) LZ应该设置外部DIV的style:padding:20px,内部DIV就不会和外部DIV重合了 LZ应该设置外部DIV的style:padding:20px,内部DIV就不会和外部DIV重合了 这个
 css margin padding

	 		hello	 	world 




回复讨论(解决方案)

LZ应该设置外部DIV的style:padding:20px,内部DIV就不会和外部DIV重合了

LZ应该设置外部DIV的style:padding:20px,内部DIV就不会和外部DIV重合了


这个我知道。我只是想知道外边距为什么没用。

我好像懂了:在嵌套的情况下:相同元素的话,相邻的外边距会叠在一起,只取决与较大的外边距;不同元素的话外内嵌元素的外边距会起作用。(外边距是透明的);在同等级别下:相同元素的外边距相邻边的外边距会叠在一起,取决于大的外边距。不同元素的外边距会叠加。

呵呵,这个我倒是没怎么细究过。学习了


LZ应该设置外部DIV的style:padding:20px,内部DIV就不会和外部DIV重合了


这个我知道。我只是想知道外边距为什么没用。

我好像懂了:在嵌套的情况下:相同元素的话,相邻的外边距会叠在一起,只取决与较大的外边距;不同元素的话外内嵌元素的外边距会起作用。(外边距是透明的);在同等级别下:相同元素的外边距相邻边的外边距会叠在一起,取决于大的外边距。不同元素的外边距会叠加。

详细参考:http://blog.csdn.net/chx10051413/article/details/12572701

margin+padding+border+width/height 是一个元素所占的区域

margin是两个元素之间的距离。这个距离可以被重叠覆。父元素和子元素之间用的是padding。

最主要原因是你没有设置外部div的height,所以外部div的最低层位置取决于红色背景的高度,如果设置外部div的height就可以了。其实你设置的红色背景的div的margin对于底部是没有意义的。

文档

div套div的内外边框问题_html/css

div套div的内外边框问题_html/css_WEB-ITnose:css margin padding hello world 回复讨论(解决方案) LZ应该设置外部DIV的style:padding:20px,内部DIV就不会和外部DIV重合了 LZ应该设置外部DIV的style:padding:20px,内部DIV就不会和外部DIV重合了 这个
推荐度:
标签: 边框 html css
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top