nav存在自身的宽度？

header > .container > a {
 display: block;        /* 超链接变块状元素*/
 float: left;
 margin: 5px 25px; 
}
header > .container > nav {
 float: right; 
}
header > .container > nav > a {
 font-size: 24px;
 line-height: 73px;
 display: block;
 float: left;

为什么nav>a左浮后不是紧挨着 .container>a 后的？

任岩 2017-02-21

源自：HTML5网页布局 2-1 html5页面布局（表现层_header）

收起

1回答

小于飞飞回答被采纳获得+3积分 2017-02-22 11:23:48

你好，注意header > .container > nav > a 的a标签是根据nav左浮动。而header > .container > a 左浮动，header > .container > nav 右浮动，所以两个a不会挨着的。希望对你有帮助，祝学习愉快，欢迎采纳。

收起回答

任岩提问者 #1

nav存在自身的宽度？如果nav足够宽，那么我觉得header > .container > nav > a 的a标签就应该挨着header > .container > a的a标签。

2017-02-22 21:18:40
小于飞飞回复提问者任岩 #2

这样你要计算好宽度，使前面的a与nav正好挨着。就像我们分队一样，有的站左面，有的站右边，当两队的宽度足够宽时就挨着了。算宽度相对比较麻烦，如果就想实现挨着，可以都设置成float:left 的呦（也就就是都向左看齐）。希望对你有帮助，祝学习愉快，欢迎采纳。

2017-02-22 22:17:30
任岩提问者 #3

非常感谢！

2017-02-23 21:05:20