一般在css款式中,运用margin特点来设置外边距。假如只需求一边的外边距,能够运用单边外边距特点为元素单边上的外边距设置值。运用margin-left特点设置元素的左外边距。运用margin-right特点设置元素的右外边距。它们的默认值都为0。在详细的实际运用中能够设置详细的单位值,也能够设置为百分比的方式。本文就来总结一下margin-left和margin-right的运用方式。
一、关于margin-left特点的运用
1.CSSmargin浅析
margin-left负值结合起浮完成不改动DOM结构的流体布局。当margin特点的值为百分数时,其总是以父元素的width为基数进行核算。
2.CSS备忘(margin-left)
设置外边距:margin-top,margin-left,margin-right,margin-bottom
p背景单张铺满设置:width:30px;height:30px;line-height:30px;background-image:url(../image/lzhf/one.png);background-repeat:no-repeat;background-size:100%auto;
3.margin-left实例用法
检索或设置目标左边的外延边距。参数介绍auto:值被设置为相对边的值。length:由浮点数字和单位标识符组成的长度值|或许百分数。百分数是根据父目标的高度。
阐明检索或设置目标左边的外延边距。内联目标要运用该特点,必须先设定目标的height或width特点,或许设定position特点为absolute。在IE4+,margin特点不可用于td和tr目标。
外延边距始终透明。对应的脚本特性为marginLeft。
二、关于margin-right特点的运用
1.详解CSS中三种基本的定位机制(margin-right,margin-left)
0.gif
CSS中首选的让元素水平居中的办法便是运用margin特点—将元素的margin-left和margin-right特点设置为auto即可。在实际运用中,咱们能够为这些需求居中的元素创立一个起容器作用的p。需求特别注意的一点便是,必须为该容器指定宽度。
2.CSS布局各种居中总结(margin-right,margin-left)
4.png
居中是咱们运用css来布局经常遇到的情况。运用css来进行居中时,有时一个特点就能搞定,有时则需求一定的技巧才干兼容到所有浏览器,详细来说便是把要居中的元素的margin-left和margin-right都设为auto,此办法只能进行水平的居中,且对起浮元素或肯定定位元素无效。
3.CSS完成页面各种列布局的示例(margin-right,margin-left)
一列布局需求把握3个知识点:规范文档流,其中又包含了块级元素和行级元素,还有margin特点,能够说完成一列布局的关键代码便是由margin特点完成的,通过设置margin:0auto;来完成水平居中,auto便是它会根据浏览器的宽度主动设置两边的外边距。要设置margin,你首要得有一个盒子模型,比方这儿的p,然后设置它的长宽,有一个固定的大小,才干够完成居中。
双飞翼布局这是主列的margin-left与margin-right比左右两列的宽度大一点,则能够设置出来主列与子列之间的间隙。
margin-right是什么意思
margin-right这个属性是对右边的位置距离。一般我们的Div都是从左边开始的,所以你这么设置没用。做个比喻就是你站在一个宽10m的房间里面,然后,你靠着左边的墙壁,向右边伸出你1m长的手,那么你觉得,你现在伸出的手能改变你身体的位置吗?答案很显然是不能。除非你靠着右边墙壁,向右边伸出1m的手,那样你才能把身体撑出去。