一、margin可以为负值
在盒模型中，内容区的width/height、padding、border都不能为负值，但是margin例外，它可以为负值。
关于margin负值的使用技巧，了解不多，日后有机会再补充，此处先贴一个经典应用，margin-left负值结合浮动实现不改变DOM结构的流体布局。
此demo与CSS float浅析篇中的是同一个。
XML/HTML Code复制内容到剪贴板-
-
不改变DOM结构的流体布局 -
-
-
-
不改变DOM位置的流体布局
-
假如有一段文本和一幅图像，在DOM节点中，文本在前，图像在后，怎么能把图像定位到右边呢？
-
通常的做法是，调换DOM节点中图像与文本的位置，让图像在前，文本在后，然后将图像浮动到右边即可。
-
但这样改变DOM节点顺序始终不妥，还有什么更好的方法呢？
-
下面就介绍一种新的思路来完成布局。
-
- 将文本用div包起来，定义为box1；现在的结构是一个box1和一个img。
- 将box1宽度设为100%，左浮动；将img设置一个宽度，也左浮动，然后margin-left设为负的宽度值；此时图像就定位到文本的右边啦。
- 但是有一个问题，图像盖住了文本内容，这可怎么办？
- 重点来了，在box1中增加一个box2，box2把文本全部包起来，然后margin-right设为图像的宽度（+额外的间距），这样就解决问题啦！
