用box-sizing:content-box,是因为在自适应的前提下,padding和border任意设置,但是其他的大小会自动调整。
2017-02-08
/*使用伪元素制作导航列表项分隔线*/
.nav a:after{
content:'';
display:block;
height: 10px;
width: 1px;
border-right: 1px solid #fff;
float: left;
position: absolute;
top: 50%;
right: 0;
margin-top: -5px;
}
/*删除第一项和最后一项导航分隔线*/
.nav a:last-child:after{border:0;}
.nav a:after{
content:'';
display:block;
height: 10px;
width: 1px;
border-right: 1px solid #fff;
float: left;
position: absolute;
top: 50%;
right: 0;
margin-top: -5px;
}
/*删除第一项和最后一项导航分隔线*/
.nav a:last-child:after{border:0;}
2017-02-07
CSS2模型width设置的是最里面的宽度,即内容宽度,加box-sizing后设置的是实际占的宽度,内容宽度跟着padding和margin改变
2017-02-07