事業部將不定位直列

我有100％的1000像素一個div寬度和高度，但是當我嘗試，並在旁邊（右側）anothe DIV具有以下屬性：事業部將不定位直列

margin-right: 20%; 
border: 1px solid; 
float: right; 
height: 100%; 
width: 10px;

的DIV出現在主容器div結束位置的底部。

出了什麼問題？

容器有多寬，你試過應用float：left;在左邊的div？ – scrappedcola

謝謝。丟失了一個floatL左 – user1712995

這有點令人困惑，但在此之前你的代碼中的第一把你的第二個div，那麼持股量將影響它。現在，第一個div是display：block，它會推下一行。

現在它：

<div id="1"> 
<div id="2" style="float:right">

將其更改爲

<div id="2" style="float:right"> 
<div id="1">

2012-10-03 21:42:59 eighteyes

只是一個筆記，雖然這將達到預期的結果，通常移動標記爲演示的唯一目的是皺眉。你的HTML /內容應該按邏輯流動，CSS應該規定你的佈局。代替調整標記，在您的示例中將float：留在id爲「1」的div上。 – jenjenut233

哦，是的，當然，除非絕對必要，否則我會很想阻止你做內聯樣式。我只是想強調一下頁面流動有時會令人困惑。 – eighteyes

您可以將浮動：左;或顯示：inline-block;到第一個div。

2012-10-03 22:08:06

回答