NAV里的a标签设置为右浮动,float:right,为什么会影响整个header标签布局

NAV里的a标签设置为右浮动,float:right,为什么会影响整个header标签布局

logo左浮动,NAV右浮动,如果里面的a标签设置右浮动,不应该只是里面的选项顺序翻转吗

http://img1.sycdn.imooc.com/climg//58764eaf0001350f12540173.jpg

正在回答

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

1回答

建议你贴代码过来,以便于更好的为你解答!

  • 看淡红尘2012 提问者 #1
    贴图了,就是这个float是right会影响整个header布局,还有为什么一定要把a标签设为块级元素
    2017-01-11 23:28:35
  • 看淡红尘2012 提问者 #2
    好像图不太清楚,我用qq截的图,咋搞清楚的图哦
    2017-01-11 23:29:37
  • 卡布琦诺 回复 提问者 看淡红尘2012 #3
    对找你的代码,显示不需要写header:after的;也不需要position:relative;而且header>container>a{ }这个a设置左浮动是设置的logo,如果你想设置nav里面的a,就要写成header>container>nav>a{};注意这里header>container>nav{float:right/*整个导航有浮动,在右侧显示*/}而header>container>nav>a{float:left;/*这里的a 标签设置左浮动,是为了让导航项在同一行显示*/} 2、关于a标签设置成块元素的问题:因为你的a标签里面嵌套着img标签,img标签需要宽高度才能显示;祝学习愉快!
    2017-01-12 00:04:51
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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