Question

我有一条像这一样本一样的《html法典》:

<html>
  <body>
    <div id="A" style="float:right; Background-color: Red;">Alpha</div>
    <div id="B" style="margin-top: 20px; Background-color: Green;">Bravo</div>
  </body>
</html>

我所要达到的是,上角的半衰期为零,而B div从上页的左上20个餐厅上调。如下文所示,这确实是我想要的E8, 但它在 Chrome和 Firefox中做了大量的工作。

“entergraph

由于经常发生这种情况,我相信 Chrome和FF会这样做是正确的,而且IE8不符合标准。因此,我的问题是,我如何能够在所有浏览器中取得预期的结果(在SS中,IE做了些什么)?

EDIT1&2:我编辑了屏幕,以显示我确实希望布拉沃迪夫留在阿尔法迪夫的左边但20px 下,如果我简单地在布拉沃增加一个明确的权利,则不喜欢。

增编

Answer 1

EDIT
Answer to the new question:

<div id="A" style="float:right; background-color: Red; margin-top: -5px;">Alpha</div>
<div id="B" style="margin-top: 20px; background-color: Green;">Bravo</div>

ORIGINAL
(The question author originally asked this and later changed the question...)

http://www.un.org/Depts/DGACM/index_french.htm 选用<代码>clear: both;。而将A类包装成像:

<div id="wrapper" style="overflow: hidden;">
    <div id="A" style="float:right; background-color: Red;">Alpha</div>
</div>
<div id="B" style="margin-top: 50px; background-color: Green; clear: right;">Bravo</div>

Answer 2

为此:

<html>
  <body>
    <div id="A" style="float:right; Background-color: Red;">Alpha</div>
    <div id="B" style="float:right; margin-top: 50px; Background-color: Green; clear:right; width:100%;">Bravo</div>
  </body>
</html>

添加:

<>条码>float:right; clear:right;和width:100%;至#B。

See it in action -

Answer 3

添加一个<条码>明细表,以至圆形,使用最适合有关地点的财产。

参看。因此,你没有任何一方。



<html>
  <body>
    <div id="A" style="float:right; Background-color: Red; ">Alpha</div>
    <div id="B" style="margin-top: 50px; Background-color: Green; clear: both;">Bravo</div>
  </body>
</html>

Answer 4

http://www.w3schools.com/cssref/pr_class_clear.asp”rel=“nofollow”>clear CSS Rule 。

add between your two divs

<div style="clear: both" />. (Note : in your case, just clear: right w或ks)

或

add clear: both in the div id="B" style. (Note : in your case, just clear: right w或ks)

Edit : See the two cases in this fiddle http://jsfiddle.net/dyGyu/。

友情链接