css - 为什么 "clear:both;"CSS 在响应式主题中不起作用？

Question

我添加了“clear:both;” css 命令到我的响应主题，但是它不起作用，元素环绕着我的 block 。这是我的 block 的 HTML:

    <div id="block-views-categories-normal-view-block-1" class="block block--views contextual-links-region block--views-categories-normal-view-block-1">
<div class="contextual-links-wrapper contextual-links-processed">
<div class="block__content">
<div class="view view-categories-normal-view view-id-categories_normal_view view-display-id-block_1 view-dom-id-4d6cdd2580eef8f5826096ea0f8157c1">
<div class="view-content">
<div class="responsive-table-wrapper">
<div class="responsive-table-scroller">
<table class="views-view-grid responsive-table-processed">
etc

我试过了

#block-views-categories-normal-view-block-1{
clear:both;
} 

和

.views-view-grid {
clear:both;
}

我错过了什么吗？

Answer 1

需要查看更多代码和相应的 CSS 才能回答。

我的猜测是您没有清除适当元素的 float 。通过将 clear: both 放在表类上，您告诉它清除某些子表元素的 float 。

除非您更改了表格元素的显示属性，否则您的清除位置不正确。

您需要清除 float 的父项以修复浏览器中的绘制问题。