为什么我的布局搞砸了？ （2）

Question

  

可能重复：
  Why my layout / css is screwed ?

好的，修复W3C报告的错误并未修复损坏的布局。

css被“破坏”的页面：messy layout

同一页面，但其中包含另一个文字，结果显示为例外：good layout

如果用你的ly eye眼睛发现错误，请提前感谢你;）

Answer 1

.logoteam的宽度为20％。

20％来自其父元素.bloc-level的宽度。

• puls页面的宽度为695像素。 695的20％= 139px
• jango的宽度为421像素。 20％= 81px

所以要解决这个问题，你可以

• a）在.float1上设置695px的宽度，因此695px的20％始终为139px
• b）将span.logoteam上的宽度设置为139px

Answer 2

在图像周围的范围上设置宽度。

<span class="floatl logoteam" style="width: 130px;">
                    <img height="100" width="100" class="border_white" alt="general.jpg" src="/uploads/logo_player/general.jpg">
                </span>

Answer 3

如果你修改了“演示”课程的宽度，你也可以。看起来设计为此建立了固定的宽度，因此在CSS上强制执行它可能是件好事。它会让您将居中的“您想知道：”部分与“显示此优惠”按钮对齐。