为了账号安全,请及时绑定邮箱和手机立即绑定

浮动问题(父类使用class选择器时 li 设置左浮动无效)!

老师的源码中nav是id ,我改成class之后左浮动失效。[腾讯产品页面demo]

我的代码:

    <div class="nav">
      <ul>
        <li class="current"><a href="#">首页</a></li>
        <li><a href="#">PC产品大全</a></li>
        <li><a href="#">Mac产品大全</a></li>
        <li><a href="#">无线产品大全</a></li>
        <li><a href="#">企业产品大全</a></li>
        <li class="qq_lab"><a href="#">QQ实验室</a></li>

老师的代码:

    <div id="nav"> <--! 这里,我是class,其他的完全一样-->
      <ul>
        <li class="current"><a href="#">首页</a></li>
        <li><a href="#">PC产品大全</a></li>
        <li><a href="#">Mac产品大全</a></li>
        <li><a href="#">无线产品大全</a></li>
        <li><a href="#">企业产品大全</a></li>
        <li class="qq_lab"><a href="#">QQ实验室</a></li>


正在回答

1 回答

	<style type="text/css">
	.nav ul{list-style: none;}
	.nav li{float: left;margin-right: 20px;}
	</style>

可以的呀, 请看CSS代码. ID选择器用#nav{}, class选择器使用.nav{};

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214672    人
  • 解答问题       1833    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

浮动问题(父类使用class选择器时 li 设置左浮动无效)!

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号