关于html网页语言中外边距margin的用法的困惑。。。一下的代码中，完整的代码如下。。。。。。。。
<html><head><title>margin外边距</title><styletype="text/css">.margin{width:500px;margin:...
<html>
<head>
<title>margin外边距</title>
<style type="text/css">
.margin {
width:500px;
margin:30px 10px 40px 60px
}
.automargin {
width:300px;
margin:0px auto
}
</style>
</head>
<body>
<p>没有设置外边距的普通段落。</p>
<p class="margin">带缩进的段落。外边距设置：按顺时针方向，上-右-下-左分别为：30px- 10px- 40px- 60px。</p>
<p class="automargin">设置位置水平居中的段落，不是指里面的内容,margin:0px auto</p>
</body>
</html>
以上这段代码中， margin:30px 10px 40px 60px这段让我很困惑。上右下左分别是 30 10 40 60 但是请把以上代码完全带入dreamweaver中，发现代码中的这段话“带缩进的段落。外边距设置：按顺时针方向，上-右-下-左分别为：30px- 10px- 40px- 60px。” 运行时距离浏览器左边距离很近，距离右边很远，但是左外边距是60啊！右外边距才是10啊！为什么这段话距离浏览器左边这么近呢？？？而且把css样式中右外边距的margin:10改成6000，运行后形成的效果完全和之前一样，没有任何改变，为什么没有影响？求高手解决，谢谢！！！ 展开
<head>
<title>margin外边距</title>
<style type="text/css">
.margin {
width:500px;
margin:30px 10px 40px 60px
}
.automargin {
width:300px;
margin:0px auto
}
</style>
</head>
<body>
<p>没有设置外边距的普通段落。</p>
<p class="margin">带缩进的段落。外边距设置：按顺时针方向，上-右-下-左分别为：30px- 10px- 40px- 60px。</p>
<p class="automargin">设置位置水平居中的段落，不是指里面的内容,margin:0px auto</p>
</body>
</html>
以上这段代码中， margin:30px 10px 40px 60px这段让我很困惑。上右下左分别是 30 10 40 60 但是请把以上代码完全带入dreamweaver中，发现代码中的这段话“带缩进的段落。外边距设置：按顺时针方向，上-右-下-左分别为：30px- 10px- 40px- 60px。” 运行时距离浏览器左边距离很近，距离右边很远，但是左外边距是60啊！右外边距才是10啊！为什么这段话距离浏览器左边这么近呢？？？而且把css样式中右外边距的margin:10改成6000，运行后形成的效果完全和之前一样，没有任何改变，为什么没有影响？求高手解决，谢谢！！！ 展开
3个回答
展开全部
因为块是默认向左对齐的，除非你设置浮动或者改为绝对定位，所以你设置右边距没有作用。同样你设置下边距也是没用的，你只要设置上边距和左边距就可以确定模块的位置。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
margin:30px 10px 40px 60px 后面少分号（；）
margin:0px auto 这个也是
所以不会出现CSS效果~
margin:0px auto 这个也是
所以不会出现CSS效果~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼主应该要设置两个div，在float下才能对比才能的出来
追问
怎么写啊~~~~求指导
追答
新建网页
margin外边距
#margin {
float:left;
width:500px;
margin:30px 10px 40px 60px;
background:gray;
}
#automargin {
float:left;
background:blue;
width:300px;
}
没有设置外边距的普通段落。
带缩进的段落。外边距设置：按顺时针方向，上-右-下-左分别为：30px- 10px- 40px- 60px。
设置位置水平居中的段落，不是指里面的内容,margin:0px auto
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
