案例01 新浪导航栏

效果：

 

 

问题：每个盒子中的字数不一样，但是间隔需要一样

 

解决：先将盒子设定一个宽度是不合理的。

　　　1. <a>内容</a>，<a>是行内元素，width=内容宽度

　　　2. 设置padding将盒子撑开即可，用padding撑开盒子的操作很常见。

 

 

注意：padding不额外撑开盒子的情况

　　

　　大div盒子包一个小div盒子，因为宽度不给予的情况下，默认和父亲一样宽，所以在只设高度的情况下，添加padding/border，只撑开了高，没有撑开宽度。但如果padding值超过了父亲宽度，则依旧会超过父盒子。所以通栏的盒子一般不写宽度

　　这里的情况，<a>的宽度在不设置的情况下，和父元素的宽度也并不是100%等同的关系。