HTML麻煩：多個Divs浮動

我現在正坐在這個問題上工作1個小時：如何讓「Field Item 2」浮動在「Field Item 1」的正確位置上CSS可以完成嗎？或者也有可能在div之間？有什麼想法？ Tanx很多！HTML麻煩：多個Divs浮動

<html> 
<head> 
    <title>Test float</title> 
</head> 

<body> 
    <div class="group-header user-slogan"> 
     <div class="field field-name-field-user-slogan field-type-text field-label-hidden"> 
      <div class="field-items"> 
       <div class="field-item even">Field Item1</div> 
      </div> 
     </div> 
     <div class="even zitatgeber" style="float:left;">Field Item2</div> 
    </div> 
</body> 
</html>

來源

2011-10-13 Jurudocs

我們肯定需要CSS，做出的jsfiddle。也許浮動權會幫助你:) – simoncereska

我想有更多的div比需要。除非它位於其具有課程項目甚至div的parant內，否則您不能將其浮動。你爲什麼內聯樣式爲float：left？ –

@Yagiz我以爲左邊的浮動就可以了......只是一個嘗試......感謝所有的幫助 – Jurudocs

你可能想嘗試這一點，添加樣式= 「浮動：左;」放入與Field Item2相同級別的div中，並將Field Item2的樣式更改爲float：right。它是：

<body> 
<div class="group-header user-slogan"> 
    <div class="field field-name-field-user-slogan field-type-text field-label-hidden" style="float:left;"> 
     <div class="field-items"> 
      <div class="field-item even">Field Item1</div> 
     </div> 
    </div> 
    <div class="even zitatgeber" style="float:right;">Field Item2</div> 
</div> 
</body>

請記住爲左側和右側添加特定寬度，以便該項目可以正確浮動。

來源

2011-10-13 09:14:07 Kelvin

你應該使用float：留在雙方的div

來源

2011-10-13 09:12:28 Rob

也許，你應該爲你的父div指定寬度，並把你想要在它內部浮動的div（父母）。

試試這個：

<html> 
<title>Test float</title> 
</head> 

<body> 
<div class="group-header user-slogan"> 
    <div class="field field-name-field-user-slogan field-type-text field-label-hidden"> 
     <div class="field-items" style="width: AAApx;"> 
      <div class="field-item even" style="float:left;">Field Item1</div> 
      <div class="even zitatgeber" style="float:left;">Field Item2</div> 
     </div> 
    </div> 

</div> 

</body> 
</html>

您也可以浮動的第二項股利的權利，如果父DIV表現爲一個塊級元素

來源

2011-10-13 09:23:26

HTML麻煩：多個Divs浮動

回答

相關問題