css 圣杯布局浮动元素设置负边距等于自身宽度，为什么会上移

同学你好，元素自身是一个整体，不会分开，一部分在上边，一部分在下边，所以当等于自身宽度的时候会全部上移的，大于自身宽度的时候（正值），继续向左移动

原理不需要深入研究，知道怎么设置就好。当前课程的定位也是了解即可

在实际工作中这种局部不太常用，但是需要知道。

祝学习愉快！

同学你好，可以这样理解：

浮动的元素会在一行显示，当一行位置不够的时候会进行换行。中间元素设置宽度为100%，导致left和right换行显示了。left设置margin-left:-100%;移动到最左边，right在最右边（挨着middle，中间有padding的位置）

所以为了覆盖在padding位置，设置负边距等于自身宽度，也就是向左移动，效果上看是向上移动了。

自己再测试理解下，祝学习愉快！