div+CSS的盒子问题

2025-04-30 14:31:09
推荐回答(1个)
回答1:

DIV盒子模型:
从外到内依次包括:

margin:外边距、
border:边框、
padding:内补白、
content:内容。

内外距离区别:

其实说白了
padding就是内容与边框的空隙。
margin 则是模块与模块的空隙。
图解:

以下是W3C标准的盒子示例:




DIV+CSS





DIV内补白padding,距离边框的空隙。会撑开盒子。

DIV外部边距margin,距离外部元素的空隙(外边距)。