请问老师，为什么我aside宽度设置1000px或是800px，无法实现效果？
宽度变小了，元素才会往中间移动？
为什么aside > a:not(:last-of-type){border-right: 1px solid red;} 括号中last前边要加冒号“：”？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
/*div:nth-child(2n+2){color:#f00;}*/
aside > a{text-decoration: none;
display: block;
width:50px;
float: left;
}
aside{width: 300px;
margin:0 auto;}
aside > a:not(:last-of-type){border-right: 1px solid red;}
</style>
</head>
<body>
<!--<section>
<div>1</div>
<div>2</div>
<div>3</div>
</section>
<section>
<div>4</div>
<div>5</div>
<div>6</div>
</section>
<section>
<div>7</div>
<div>8</div>
<div>9</div>
</section>
<div></div> -->
<aside>
<a href="#">one</a>
<a href="#">two</a>
<a href="#">three</a>
<a href="#">four</a>
</aside>
</body>
</html>
正在回答
你好同学，因为内容是放在aside中的，只有aside居中，内容才会居中。参考如下理解：
当不设置宽度，默认是相对浏览器100%显示，所以即使设置居中，也看不到居中的效果。
只有当盒子宽度变小了，居中才会明显，只有盒子宽度恰好是内容宽度，内容才会在页面中居中：
祝学习愉快，望采纳。
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星