Question

关于div里面放入a标签

一个div里面放几个a标签。不用给a的样式设置display:block;可以直接支持宽高啊。。。这什么情况呢？a不是内联元素吗？不是不支持宽高吗？
<style>

.box{ width:320px; height:321px; border:2px #ff0000 solid; position:relative;}
.box a{ width:100px; height:100px; background:#ff0000; position:absolute; text-align:center; line-height:100px; }
.a1{left:10px; top:10px;}
.a2{right:10px; top:10px;}
.a3{ left:110px; top:110px;}
.a4{ left:10px; bottom:11px;}
.a5{ right:10px; bottom:11px;}
.box a:hover{ background:blue;}
</style>

Answer 1

因为你外面有层啊 而且有宽高 对就是 绝对定位导致的 position:absolute；

Answer 2

position:absolute

Answer 3

position:absolute;这个导致的

追问

定位会让内联支持宽高的话，那和float有啥区别

定位会让内联支持宽高的话，那和float有啥区别

追答

position:absolute可以改变元素在文档中的位置，都能激活元素的left、top、right、bottom和z-index属性。（默认这些属性未激活，设置了也无效）

float也能改变文档流，不同的是，float不会让元素浮到另一个元素上面，它仍然让元素在z-index:0层排列，只能通过float:left和float:right来控制元素在同一层里"左浮"和"右浮"。float会改变正常的文档流排列，影响周围元素。

position:absolute和float会隐式的改变display类型，不论之前什么类型的元素（display:none除外）,只要设置了position:absolute和float中任何一个，都会让元素以display:inline-block的方式显示：可以设置长宽，默认宽度并不占满父元素。就算显示的设置display:inline或者display:block，也仍然无效