a和li谁包裹谁

来源:3-2 机酒自由行部分开发(1)

一万次悲声

2021-02-04 21:20:27

<li class="pro-grid">

    ​    <a href=""></a>

    ​    ​    ​<div class="picbox">

    ​    ​    ​    ​<img src="images/jjzyx2.png" alt="">

    ​    ​    ​</div>

    ​</a>

</li>


这样按照布局是正确的,但是为什么如果a去包裹li标签的时候,布局就会掉下去呢?


写回答

1回答

好帮手慕夭夭

2021-02-05

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

1、ul中只能直接嵌套li,所有的内容都应该放在li中。即ul中如果直接嵌套a标签是不规范的,只有把a包裹在li里面才规范。

2、这是因为li是设置了浮动的,所以会排列在同一行显示。一行放不下的,会自动换行,在第二行排列显示。如下 :

http://img.mukewang.com/climg/601ca55409dbdcdb17190611.jpg

注意这里设置浮动使用的选择器为.common-style .bd>ul>li,ul>li 表示选择ul的直接子元素,即孙子元素不会被选中。假如让a包裹li,那么ul的直接子元素会变成a,li就会成为ul的孙子元素,所以这个选择器就无效了。没有了浮动,布局自然会掉下去哦。

祝学习愉快~

0

0 学习 · 15276 问题

查看课程