我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

块级元素的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://shouzuofang.com/article/jidosp.html

其他资讯