水平居中_方法三中关于-50%问题
在本节给定的理论如下说:
方法三:通过给父元素设置 float,然后给父元素设置 position:relative 和 left:50%,子元素设置 position:relative 和 left: -50% 来实现水平居中。
我们可以这样理解:假想ul层的父层(即下面例子中的div层)中间有条平分线将ul层的父层(div层)平均分为两份,ul层的css代码是将ul层的最左端与ul层的父层(div层)的平分线对齐。
我想清楚这个相对左移-50%到底是什么意思?给定的解释是通过给子层设置 position:relative 和 left: -50% 就可以将子层的最左端与其父层的水平线对齐,那是怎么实现的呢?