css3基础100问之清除默认外边距和外边距合并问题？（3）

最新推荐文章于 2023-04-25 21:02:49 发布

㼛思雨

最新推荐文章于 2023-04-25 21:02:49 发布

阅读量614

点赞数

分类专栏： css3基础100问文章标签： css3

本文链接：https://blog.csdn.net/weixin_45147894/article/details/106693612

版权

本文详细介绍了CSS3中清除元素默认内外边距的方法，重点讨论了外边距合并现象，包括相邻块元素和嵌套块元素的垂直外边距合并。并提供了解决方案，如设置边框、内边距或使用overflow隐藏。同时，建议在布局中优先使用宽度、其次内边距、最后外边距，以避免外边距合并和计算复杂性。

摘要由CSDN通过智能技术生成

清除元素的默认内外边距(重要)

为了更灵活方便地控制网页中的元素，制作网页时，我们需要将元素的默认内外边距清除

css代码：
* {
padding:0; /* 清除内边距 */
margin:0; /* 清除外边距 */
}

注意：

* 行内元素为了照顾兼容性，尽量只设置左右内外边距，不要设置上下内外边距。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	  /*这是一个神奇的代码  我们以后写css 第一句话*/
	  * {
	  	margin: 0;
	  	padding: 0;
	  }
	  span {
	  	 margin: 30px;
	  }
	</style>
</head>
<body>
	一个问题
	<p>又是一个问题</p>
	<span>  行内元素 尽量只设置左右内外边距， 不要设置上下内外边距。</span>
</body>
</html>