Question

我添加了＆＃34; clear：both;＆＃34; css命令到我的响应主题，但它不起作用，元素环绕我的块。这是我的块的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才能回答。

我的猜测是你没有清除正确元素的浮动。通过将clear: both放在表类上，您可以告诉它清除某些子表元素的浮动。

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

您需要清除浮动的父级以在浏览器中修复绘画问题。

为什么＆＃34;明确：两者;＆＃34; CSS在响应式主题中不起作用？

1 个答案: