【问题标题】：How to implement margin changes from Chrome DevTool如何从 Chrome DevTool 实现边距更改
【发布时间】：2018-08-24 20:14:30
【问题描述】：

我为我父亲的业务创建了this website，如果您向下滚动一点，您可以看到一个联系表格。我希望我们通过 Google 的 DevTool（F12 然后 Ctrl+Shift+M 转到页面的移动视图; 或留在“元素”旁边）。我会告诉你哪里出了问题。
如果您转到显示“Treibstoff”的位置，请尝试选择 4 个不同的选项。您会注意到您无法选择底部的两个“Diesel”和“Elektro”。
嗯，你实际上可以。如果您按单词末尾的稍上方，但您不能像通常那样选择它。

如果我们检查元素（Ctrl+Shift+C），我们会看到“Typenscheinnr”框。重叠“Diesel”和“Elektro”（在“Typenscheinnr.”上方检查一点，而不是直接在上面）。我找到的解决方法是：检查单击“Typenscheinnr”的大重叠框，在样式下向下滚动直到看到多层框，双击将上边距设置为 45。

这应该可以解决问题，但我不知道如何使此更改生效。我做了一些研究，得到的只是类似于“做！重要”的解决方案，然后是一些代码。这些也适用于整个网站或类似的东西......

无论如何，任何帮助都将不胜感激，如果这个问题很愚蠢，我再次感到抱歉。如果您想了解更多信息，请尽管问我。

感谢阅读！

【问题讨论】：

标签： html css wordpress wordpress-theming google-chrome-devtools

【解决方案1】：

只需使用`clear: both`

如果您在 Treibstoff: <p> 标签的末尾放置一个<div style="clear: both"></div>，则行为将是预期的。

这是因为您使用的是float

【讨论】：

喜欢这个？ <p><span>Treibstoff:</span><span class="radio">[radio treibstoff use_label_element "Benzin" "Gas"] [radio treibstoff use_label_element "Diesel" "Elektro"]</span><div style="clear: both"></div></p></div>
成功了！感谢我们俩！！祝你度过愉快的一周:)

只需使用clear: both

只需使用`clear: both`