关于例子的一点疑问?
ul向左偏移-50%,为什么不写成向右偏移50%,编程的原则不应是越简洁越好吗?
ul向左偏移-50%,为什么不写成向右偏移50%,编程的原则不应是越简洁越好吗?
2016-05-18
不一样,与边框距离不一样。你可以把50%改为70%看看,再加上有色边框border:1px solid red,这样看的比较清楚,你试试。
你设置left:-50%就是浏览器左边框离div的右边框50%的距离。
right:50%是浏览器右边框离div的右边框50%的距离。
比如:
<style>
.wrap{
border:1px solid red;
float:left;
position:relative;
left:70%;
}
.wrap-left{
border:1px solid blue;
position:relative;
left:-70%;}
.wrap-right{
border:1px solid yellow;
position:relative;
right:30%;}
</style>
</head>
<body>
<div class="wrap">
<div class="wrap-left">我们来学习一下这种方法。</div>
<div class="wrap-right">这种方法,我们来学习一下。</div>
</div>
</body>
</html>
举报