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

标签 css

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

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

最佳答案

阅读这篇不错的文章:The Definitive Guide to Using Negative Margins

负边距通常以小剂量应用,但正如您稍后将看到的,它的作用远不止于此。关于负边距需要注意的几点是:

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

我不是在开玩笑。 W3C 甚至说,“负值 margin 属性是允许的……”‘Nuff 说。查看这篇文章 更多详情。

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

尤其如此。是因为不了解负边距 正确地,它得到了它的骇人听闻的形象。如果您使用它,它只会变成黑客 修复您在其他地方犯的错误。

<强>3。顺其自然

如果应用于没有 float 的元素,它不会中断页面​​的流动。 因此,如果您使用负边距将元素向上推,一切都会成功 元素也会被插入。

<强>4。兼容性强

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

<强>5。它在应用 float 时有不同的 react

负边距不是您的日常 CSS,因此应将其应用于 照顾。

6. Dreamweaver 看不懂

负边距不会显示在 DW 的设计 View 中。你为什么还要 是否仍要在设计 View 中检查您的站点?

关于css - 你能解释一下下面的CSS代码吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1727766/

相关文章:

javascript - Tab 内的 HTML 加载器

css - 字形呈现为空框

javascript - 工具提示出现在 intro.js 移动 View 中的元素上方

html - 在div中居中图像

javascript - 如何在打印布局 html 中设置 img 样式

html - 将 P 标签置于 H1 下方的问题

javascript - 粘性滚动条在到达页面顶部时改变高度

Bootstrap 4 中扩展搜索栏的 CSS 过渡

html - 语义正确的 XHTML 标记

javascript - 隐藏具有显示属性或左/上的元素?