.header__nav-item 样式

.header__nav-item 样式

.header__nav-item本来就是个块级元素呀,而且nav标签下的子元素默认是水平排列的,为什么这里还要设置display:block;和float:left;

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2020-01-08 18:17:57

同学你好,问题解答如下:

1、.header__nav-item是a标签,不是块元素,是行内元素:

http://img1.sycdn.imooc.com//climg/5e15aa380930a3c609090169.jpg

这里设置为块元素是为了可以设置宽度和高度。

2、行内元素是水平排列的,但是默认存在间隙:

http://img1.sycdn.imooc.com//climg/5e15ab7e094a45d904200303.jpg

http://img1.sycdn.imooc.com//climg/5e15ab86097fcf9f00000000.jpg

设置浮动之后就没有间隙了:

http://img1.sycdn.imooc.com//climg/5e15ac2b096c6aee09290295.jpg

3、浮动元素拥有块元素特性,所以这里只设置float,不设置display:block;也可以。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师