margin-left：-100%

Question

请问在圣杯布局中，设置left时，margin-left：-100%，这个100%是相对于什么元素？我看有说是center的，我想用准确的px来代替100%，经过尝试发现得到的数值很奇怪。感谢解惑！

.container #left {
            width: 200px;
            margin-left: -100%;
            position: relative;
            right: 200px;
            background: red;
        }

Answer 1

双越 2020-10-21 22:01:35

100% 是相对于当前元素的，即当前元素的全部宽度。

尽量别用 px 数值，这样会有冗余。

• 提问者 qq_卿风徐来_0 #1

  所以就是相对自己left这个元素吗?

• 双越 回复 提问者 qq_卿风徐来_0 #2

  就是相对于它自己。你可以再去看看“设置水平居中”，也用到了 margin-left ，两者结合着看。

• 提问者 qq_卿风徐来_0 回复 双越 #3

  好，谢谢

点开查看后面2条评论