CSS maigin 中出现的负值怎么理解?

发布网友发布时间：2022-05-13 02:50

共3个回答

懂视网时间：2022-05-13 07:11

无标题文档		左列 中列 右列

#left定义：此处为什么要设置偏移宽度为负数呢？默认DIV不是从左边开始的么？

回复讨论(解决方案)

body 中的padding-left=180px,不写的-180px的话，那浏览器不是就看不到从左边开始的吗

热心网友时间：2022-05-13 04:19

我见到的基本都是用来布局。有些用来hack。
比如左边栏自适应宽度，右边栏固定宽度，一般这么写：
html代码：
<div id="left">
<div id="content"></div>
</div>
<div id="right">

css代码：
#left { width:100% margin:-300px; float:left; }
#content { margin-right:300px; }
#right { width:300px; float:right;}
当#left使用足够的负边距的时候紧跟的浮动元素会提上来并排显示。
这样，一个简单的自适应布局就完成了。

还有些案例，比如常见的tab标签效果，利用负边距来达到视觉效果：
参考此文：http://www.xdraw.net/archives/374.html

参考资料：http://www.xdraw.net/archives/267.html

热心网友时间：2022-05-13 05:37

相当进入其他元素的距离