css - div元素在设置宽度为0后不折叠?
问题描述
请检查片段结果
<div style="border:1px solid black ;
height : 50px ;
width:0 ; "></div>
检查后您会注意到控制台中元素的宽度显示为 0 。但是如果你看到自己的 div 没有折叠,那么左右边框之间会有一点空白。
我的问题是为什么在将内容宽度设置为 0 后左右边框之间会有一点空白?(注意:我不是想实现任何目标。我只是想更好地理解 CSS)
解决方案
很确定你有一些干扰的地方。如果您剥离所有内容并仅使用以下代码(您的 div),您将只看到红色背景上的黑点。
<html><body style="background-color:red"><div style="border:1px solid black;height:0;width:0;"></div></body></html>
您在评论中提到您在 Chrome 的 div 内看到一个红色空间,这表明您在 Chrome 中有一个导致此问题的设置。也许清除缓存或重置 Chrome 会解决这个问题?
推荐阅读
- javascript - 动作触发,但减速器不是
- jquery - 使用嵌套 JSON 文件创建 html 表
- javascript - 是否可以在 javascript 中读取预检请求
- javascript - 如何在 FIREBASE WEB javascript 中为用户创建特定的 URI
- reactjs - 样式化的组件不应用样式
- java - 如何自定义 OnDraw() 的使用
- python - 您可以在列表中创建一个变量然后调用它吗?
- mysql - 在 Laravel 中使用 2 个数据库的咨询
- python - Tensorflow对象检测:如何计算边界框与框架中指定区域之间的距离
- flutter - 颤振错误:I/时间线(16820):时间线:Activity_launch_request 时间:54370667 意图:意图 { act=android.media.action.IMAGE_CAPTURE