行内元素的宽度和高度

行内元素是否没有宽高,宽高由字体多少和大小决定。但行内 元素可以设置边框和背景颜色,这让我感到新奇!设想一下如果行内元素嵌入块级元素,情况会怎么样呢。我对此做了一些测试。

代码和情况如下,让我比较困惑的是为何边框会跑到下面, 另外 上边框也看不见了。

后来经过测试发现,得出结论

1.行内元素区域包括边框大小和字体大小和 子元素(块级元素)决定的。

2.上边框不见是因为被菜单栏挡住了,在外层套一个div就不会有这种情况(在火狐上还可以看到一点);

另外还有一些知识点,比如块级元素不设置宽高的情况下,宽度与父级元素宽度相等,高度与盒子内容相等




最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容