margin-left:-500px;margin-right:-500px;
这是什么意思?为什么会这样?
答案 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"
具有负边距的元素是否以这种方式运行?