【问题标题】:CSS/HTML layout Broken. It looks like margin-left but there is not [closed]CSS/HTML 布局损坏。它看起来像margin-left,但没有[关闭]
【发布时间】:2016-01-28 07:18:05
【问题描述】:

我有 3 个街区 块 1 - div 40% 宽度 块 2 - div 30% 宽度 块 3 - div 30% 宽度

它正在使用引导程序。 按 F5 加载正常。但是它破坏了布局。

我认为这可能是 CSS 的一些问题,甚至是 PHP 一些隐藏的错误。

<section class="col-2 product-photo"> 应该与它的父级没有边距。但事实并非如此。但它正在加载,就像从父级有边距一样。

有人知道问题出在哪里吗?

【问题讨论】:

  • 嗨 Andrea,这个边距没问题。问题是左边有 3 列浮动,但它坏了。问题是水平的
  • 请不要在您的问题中包含指向实时代码的链接。当您修复实时代码时,您的问题将不再包含您尝试解决的问题的示例。
  • 转到 global.css 所在的位置并将第 92 行更改为此 .limit-big { width: 100%; } 在你的页面中添加一个像这样的类容器
    schema.org/Product">

标签: javascript jquery html css layout


【解决方案1】:

看起来你那里有一些空白。您可以通过在父 div (.wrapper.limit-big) 上使用它来解决问题:

font-size: 0;

它适用于 Firefox + Chrome 但接下来,您必须为子内容修复每个字体大小。

【讨论】:

    【解决方案2】:

    使用这个css来修复

    .limit-big.center {
      overflow: hidden;
    }
    

    【讨论】:

    • 谢谢艾伦!它对我有用。
    猜你喜欢
    • 2022-10-25
    • 1970-01-01
    • 2016-05-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多