本文通过一个简单的HTML与CSS布局实例，介绍了如何设置div元素的内边距(padding)和p元素的左外边距(margin-left)，并解释了这些属性如何共同作用来确定元素间的实际间距。
代码如下
<style>
div { padding: 15px;}
p { margin-left:10px; }
</style>
<body>
<div>
<p>Hello</p>
</div>
</body>上面的代码表示
div内边距上下左右长度分别为15px
p的左边的外边距为10px
也就是说div和p的左边之间的距离等于15加10共25像素距离
此时p的margin-left是从div的padding-left结束点开始算的
此时p的右边的margin-right依然是0px,div的padding-right依然是10px
扫一扫
1242
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
