margin-left:0和margin-left:-100%有什么区别？

最新推荐文章于 2023-03-13 15:51:41 发布

原创最新推荐文章于 2023-03-13 15:51:41 发布 · 3.1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#CSS

收录于

CSS 专栏收录该内容

8 篇文章

订阅专栏

本文通过一个实例详细解析了CSS中margin属性的使用技巧，特别是如何利用margin负值实现子元素相对于父元素的精确定位，展示了CSS布局的强大灵活性。

乍一看我以为这两者是一样的..

然后，测试一下

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
         *{
         	margin: 0;
         	padding: 0;
         }
		.container{
			width:240px;
			height:200px;
			border:2px solid black;
			margin:0 auto;
		}
		.middle{
			width:200px;
			height:200px;
			border: 2px solid red;
			margin-left:0;
		}
	</style>
</head>
<body>
<div class="container">
	<div class="middle"></div>
</div>
</body>
</html>