Question

我正在此站点上工作：http://goneapp.com

在最小宽度上：769px，最大宽度为1203px，我试图删除两个div的浮动，因此我可以将两个div的全宽选项设为：

由于我使用的是页面构建器，因此我尝试在Chrome上使用检查器工具并搜索可以完成该操作的适当的类或div，然后提取ff代码：

@media (min-width: 769px) and (max-width: 1203px){
    .pbuilder_column_inner.pbuilder_droppable{
   width: 100%;
   display:block;
   float: none;
}
}

但是由于某种原因，它无法解决问题。我做错了吗？

请提供帮助并随时访问该网站，并使用Chrome的检查器工具检查代码。

提前谢谢！卡住了一段时间。

Answer 1

您好，只需删除宽度：50％或用100％代替：

.pbuilder_column.pbuilder_column-1-2{
    width: 100%;
}

Answer 2

以下CSS属性：

float:none;
width:100%;

在div上，哪些类是pbuilder_column pbuilder_column-1-2（在层次结构中，它们就在pbuilder_row_colwrapper的下面）。

因此，代码将是：

@media (min-width: 769px) and (max-width: 1203px){
    .pbuilder_column{
        float:none;
        width:100%;
    }
}

至少从我的检查员那里就可以了。

Answer 3

只需使用类.pbuilder_column而不是.pbuilder_column_inner.pbuilder_droppable。

Answer 4

body,
#pbtheme_wrapper{
  overflow-y: visible !important;
}
.pbuilder_column.pbuilder_column-1-2{
  width: 100% !important;
}

Answer 5

您必须在css下方添加：

@media screen and (min-width: 769px) and (max-width: 1203px){
  .pbuilder_row_colwrapper .pbuilder_column {
    float: none;
    display: block;
    width: 100%;
  }
}

Answer 6

对我来说，真正的问题来自将填充添加到元素中的方式。通过删除或调整其中的很多内容，我得以实现并提高了响应能力（在某些情况下，尽量利用边距而不是填充）

这里的主要内容不是您的字段没有占用100％的容器空间，而是您的按钮由于170px的填充而使容器溢出（带有！important，这是我真的不知道的推荐），因此div似乎占用的空间不足。

希望我能很好地理解您的问题：）

Divs不删除浮点数-CSS

6 个答案: