2 baidu 34197758 baidu_34197758 于 2016.03.30 13:18 提问

li标签为啥去掉list-style-type:none;后,width就不起作用了呢?
li

代码如下,详细问题在代码注释边

 #topnav{
                height:36px;
                background-color:silver;
                border: 1px solid seagreen;
            }
            #topnav ul{
                /*line-height:30px;*/
                margin: 5px;
                padding: 0px;
                border-bottom: solid;
                border-bottom-width: 2px;
                border-bottom-color: darkgreen;
                float :left;
               list-style-type: none;

            }
            #topnav li{
                float: left;
                padding: 0px;
                list-style-type: none;/*为何没有它后,宽度失效了?*/
                width: 62px;
                text-align: center;
                margin: 0px 0px 0px 5px;
                border: 2px solid darksalmon;
                background-color: mediumorchid;

            }
            #topnav li a{
                font-family:arial;
                padding: 4px;/*想要使得块状区域更大些,但并没有啥作用,把display: block;去掉后,就会超出li标签的宽度,这是怎么回事*/
                text-decoration:none;
                color:tan;
                display: block;

            }
            #topnav li a:hover{
                background-color: khaki;
                color: darkcyan;


            }
            #topnav li#select {
                background-color: darkorange;
                background-repeat :no-repeat;
            }
        </style>
    </head>
    <body>
        <div id ="topnav">
        <ul>
            <li id="select"><a href ="#">jlajla</a></li>
            <li><a href ="#">jlajla</a></li>
            <li><a href ="#">jlajla</a></li>
            <li><a href ="#">jlajla</a></li>
        </ul>
        </div>

    </body>

1个回答

danielinbiti
danielinbiti   Ds   Rxr 2016.03.30 13:40

不会的,没影响,这段代码chrome和ie都没问题,去掉list-style-type: none;后也没问题。
看看是不是注释有问题,导致下面样式没生效

danielinbiti
danielinbiti 回复baidu_34197758: 没出现你说的现象
一年多之前 回复
baidu_34197758
baidu_34197758 原先是没有注释的,我有尝试去掉list-style-type: none;chrome里就是宽失效了
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!