Html 消除铬合金中浮动元素之间的间隙

Google Chrome中的

div

和

table

元素之间出现了意想不到的差距。 尝试了许多解决方案，包括，但没有运气

不幸的是，由于具体原因，我无法将

表

替换为

div

此外，放大110%可消除间隙

请帮忙

div{
浮动：左；
宽度：18%；
背景颜色：橙色；
}
桌子{
浮动：对；
宽度：82%；
边界间距：0；
}
表td{
背景颜色：灰色；
}

测试
测试

刚好

浮动：左；或右键

每个元素

主题通常是从右向左（rtl）或从左向右（ltr）写入的，这意味着网格上的每个浮动都指向特定的一侧

你的例子是：

如果您喜欢答案，请选择它。 干杯

编辑：

请仔细阅读css：

div {
  float: left; /* If you select float: left, both floats should go to the same direction. */
  width: 18%;
  background-color: orange;
}

table {
  float: left; /* This one was floated to right, you need LEFT in order to get what you need.*/
  width: 82%;
  border-spacing: 0;
}

---

看看我在jsfiddle上的实时示例

Just

float:left；或右键

每个元素

主题通常是从右向左（rtl）或从左向右（ltr）写入的，这意味着网格上的每个浮动都指向特定的一侧

你的例子是：

如果您喜欢答案，请选择它。 干杯

编辑：

请仔细阅读css：

div {
  float: left; /* If you select float: left, both floats should go to the same direction. */
  width: 18%;
  background-color: orange;
}

table {
  float: left; /* This one was floated to right, you need LEFT in order to get what you need.*/
  width: 82%;
  border-spacing: 0;
}

---

看看我在JSFIDLE上的实时示例

我看不到你的小提琴有什么缺口，也看不到你在Chrome上发布的代码片段。我看到了屏幕截图。我只是在别的地方看不到。您正在使用doctype吗？哪一个？我看不到你的小提琴有缺口，也看不到你在Chrome上发布的片段。我看到了屏幕截图。我只是在别的地方看不到。您正在使用doctype吗？哪一个？我同意这个解决方案，使用

float:left也适用于表。
div
和
table
都应该
float:left
这很棘手，但效果很好@AlexG@AlexG我延长了我的回答。请仔细阅读css。两个元素都应该
浮动：left
。这并不能解决问题。全屏视图：@AlexG
Float:left
在两个元素bro上。仔细阅读你的css。如果你这样写的话，你可以用float left设置两个元素：
div，table{float:left}
全屏正确答案：和使用live view的代码：我明白了，两个元素都是float left，但仍然不起作用。如果在div中添加另一个表，则缩放时会显示黄色背景：。换句话说，你的例子只有在没有内部元素的情况下才有效。我同意这个解决方案，使用
float:left也适用于表。
div
和
table
都应该
float:left
这很棘手，但效果很好@AlexG@AlexG我延长了我的回答。请仔细阅读css。两个元素都应该
浮动：left
。这并不能解决问题。全屏视图：@AlexG
Float:left
在两个元素bro上。仔细阅读你的css。如果你这样写的话，你可以用float left设置两个元素：
div，table{float:left}
全屏正确答案：和使用live view的代码：我明白了，两个元素都是float left，但仍然不起作用。如果在div中添加另一个表，则缩放时会显示黄色背景：。换句话说，您的示例只有在没有内部元素的情况下才有效。