行内元素是否没有宽高,宽高由字体多少和大小决定。但行内 元素可以设置边框和背景颜色,这让我感到新奇!设想一下如果行内元素嵌入块级元素,情况会怎么样呢。我对此做了一些测试。
代码和情况如下,让我比较困惑的是为何边框会跑到下面, 另外 上边框也看不见了。
后来经过测试发现,得出结论
1.行内元素区域包括边框大小和字体大小和 子元素(块级元素)决定的。
2.上边框不见是因为被菜单栏挡住了,在外层套一个div就不会有这种情况(在火狐上还可以看到一点);
另外还有一些知识点,比如块级元素不设置宽高的情况下,宽度与父级元素宽度相等,高度与盒子内容相等