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回答
同学你好,问题解答如下:
1、ul中只能直接嵌套li,所有的内容都应该放在li中。即ul中如果直接嵌套a标签是不规范的,只有把a包裹在li里面才规范。
2、这是因为li是设置了浮动的,所以会排列在同一行显示。一行放不下的,会自动换行,在第二行排列显示。如下 :
注意这里设置浮动使用的选择器为.common-style .bd>ul>li,ul>li 表示选择ul的直接子元素,即孙子元素不会被选中。假如让a包裹li,那么ul的直接子元素会变成a,li就会成为ul的孙子元素,所以这个选择器就无效了。没有了浮动,布局自然会掉下去哦。
祝学习愉快~
相似问题