块级元素的margin-left和margin-right的用法注意

块级元素的margin-left和margin-right的用法注意

为桃江等地区用户提供了全套网页设计制作服务,及桃江网站建设行业解决方案。主营业务为成都网站设计、做网站、桃江网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

此时是有效果显示的

块级元素的margin-left和margin-right的用法注意

因为html文档流默认是从上往下,从左往右进行显示的,所以此时是有效果的。

那如果此时把#son的块元素的margin-right:20px;  是没有效果的

块级元素的margin-left和margin-right的用法注意

此时是没有效果的,如图所示:

块级元素的margin-left和margin-right的用法注意

如果此时想要margin-right有效果的话,必须让#son这个块元素是在右边显示的,所以可一个#son这个元素往右浮动,float:right;

那么此时就会有效果的。

块级元素的margin-left和margin-right的用法注意

效果如图所示:

块级元素的margin-left和margin-right的用法注意


文章名称:块级元素的margin-left和margin-right的用法注意
标题来源:http://ybzwz.com/article/jidosp.html