你能解释下面的css代码吗?

时间:2009-11-13 07:51:00

标签: css

margin-left:-500px;margin-right:-500px;

这是什么意思?为什么会这样?

3 个答案:

答案 0 :(得分:7)

阅读这篇好文章:The Definitive Guide to Using Negative Margins

负边距通常以小剂量施用,但正如您稍后会看到的那样,它能够做得更多。关于负利润率的一些注意事项是:

<强> 1。它们是非常有效的CSS

我不是在开玩笑。 W3C甚至说,“负值 保证金属性是允许的......“'Nuff说。查看文章 更多细节。

<强> 2。负边距不是黑客

尤其如此。这是因为不了解负利润率 它得到了它的黑客形象。如果你使用它,它只会成为一个黑客 修复你在别处犯的错误。

第3。它与流程

相关

如果应用于没有浮点数的元素,它不会破坏页面流。 因此,如果您使用负边距向上推动元素,则所有成功 元素也会被轻推。

<强> 4。它高度兼容

所有现代浏览器(以及IE6)都支持负边距 在大多数情况下)。

<强> 5。当浮动应用时,它的反应不同

负边距不是您的日常CSS,因此应该应用它们 在意。

<强> 6。 Dreamweaver不理解

DW的设计视图中不显示负边距。你为什么都是 无论如何在设计视图中检查您的网站?

答案 1 :(得分:4)

它可能会取消父元素上的500px填充:

<div style="padding-left: 500px; padding-right: 500px;">
   <div style="margin-left:-500px;margin-right:-500px;"></div>
</div>

答案 2 :(得分:0)

我读了一次(参考遗忘),负边距应该发送元素,将它们发送到浏览器的最左侧。如果您不想使用

,则意味着将元素隐藏在浏览器之外

style="display:none"

具有负边距的元素是否以这种方式运行?