xcxd.net
当前位置:首页 >> mArgin负值的意义 >>

mArgin负值的意义

补充一下: margin 属性是用于在一个声明中设置四个外边距的所有属性的简写属性. 注释:允许使用负值. 继承性:No 说明 这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度. 块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距.行内元素的的左右外边距不会合并.同样地,浮动元素的外边距也不会合并.允许指定负的外边距值,不过使用时要小心. 例子:顶边距为10px,右边距是父元素宽度的2%,底边距是-10px,而左边距由浏览器设置: h1 {margin: 10px 2% -10px auto} 也就是说,margin由四个值限定,先后顺序分别是:上、左、下、右.

本来就是没有缝隙的.边框贴的很紧!如图:但是感觉你的意思,是不是要他们重合?那就必须用margin来实现了.如上图,默认的margin为0,如果还要让里面的table向左移动的话,margin只能为负值.

margin负值简单demo 默认无margin负值状态1234margin有负值状态1margin-top:-100px;margin-top:-200px;margin-top:-300px;

就是设置了你的外边距为负值.

就是这只了这个属性,但不需要它的作用,就赋值为-1等等,就是不让margin起作用

还是没彻底的懂啊,那负值有什么用呢,带来的效果不就是position:relative/absolute定位吗,没其他作用吗

可以有负值,负值的意思就是和正值相反的方向.

margin负值一般用于CSS hack 正值是将两个容器之间的距离加大,那么负值就是缩小,甚至两个容器可能重叠

内部内容越过边界一个值

给你举个例子: 如果有一个盒子靠边放在桌子上, 如果设置它的margin为2, 那就是把这个盒子移到离桌子边缘2个大小的位置,如果设置为0就会向边靠拢也就是刚好挨着边,如果设置-2呢 当然继续向边的方向移动,既然其中一个边是这样 那其他3个边当然也是这样!

mydy.net | prpk.net | zxpr.net | rpct.net | rtmj.net | 网站首页 | 网站地图
All rights reserved Powered by www.xcxd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com