行内元素的宽度和高度

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

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

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

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

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

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




最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容