行级包含块级标签

样式里为什么没有把a设置为display:block 或者position:absolute

老师没有给这里的a标签设置样式，为什么还能呈现效果呢，

在浏览器解析里，显示a标签的宽高都是0，而所包含的子元素div显示是有宽高1200x460的

源自：项目：JS实现轮播图特效 2-1 焦点图结构及样式（1）

收起

1回答

好帮手慕码 2019-08-07 16:58:26

同学你好！

（1）内联元素是可以包含块级元素的，但是从代码的规范性来说不太友好

（2）a是内联元素，虽然div设置了宽高，但是无法撑开a标签

（3）a标签并没有设置什么样式，<a><div></div></div>实现效果是可以跳转

如果帮助到了你欢迎采纳祝学习愉快~

提问者午炎子栩 #1

a标签包含div后，可以不转为块级，也不被撑开，不影响子元素div的显示是因为子元素设置了float吗？a标签没有宽高，子元素设置了float直接跳过a标签去找停留的地方？相当于可以忽略a标签的存在，完全只有一个跳转的作用是吗？

2019-08-07 19:12:38
好帮手慕码回复提问者午炎子栩 #2

是的，只有跳转的作用。这里子元素不设置浮动也可以，可以去掉浮动测试一下，对a标签和div标签都不影响祝学习愉快~

2019-08-07 19:29:50