Fatal编程技术网
  • css/
  • Css 响应式设计和clearfix

Css 响应式设计和clearfix

css responsive-design

Css 响应式设计和clearfix,css,css-float,responsive-design,clearfix,Css,Css Float,Responsive Design,Clearfix,我有一个页面的响应式布局。 正如您所看到的，问题是我在主区域中有一个对象列表，它也使用clearfix，第一个元素一直清除对象，直到侧边栏结束。我想要的是它看起来与.block 我如何才能做到这一点？ 您的.main元素需要知道它有一个单独的“格式化上下文”，这样它的子元素就可以忽略外部布局流：在符合标准的浏览器中执行此操作的唯一方法是使用溢出：隐藏： .main { overflow: hidden; } 顺便说一句，您可以去掉.main上的边距，它将自动占用剩余的任何空间（因此您可

我有一个页面的响应式布局。

正如您所看到的，问题是我在主区域中有一个对象列表，它也使用clearfix，第一个元素一直清除对象，直到侧边栏结束。我想要的是它看起来与
.block

我如何才能做到这一点？

您的
.main
元素需要知道它有一个单独的“格式化上下文”，这样它的子元素就可以忽略外部布局流：在符合标准的浏览器中执行此操作的唯一方法是使用
溢出：隐藏
：


.main {
    overflow: hidden;
}


顺便说一句，您可以去掉
.main
上的边距，它将自动占用剩余的任何空间（因此您可以根据需要更改
旁边的
的宽度，甚至添加额外的列）-然后我将
放在一边
左边距：10px
指示保持布局恒定所需的间距