追加動態的div到左側

我在屏幕底部的動態添加的div。我的問題是我想一個div添加到第1格的左側爲Facebook的聊天使用。我創建了一個例子的jsfiddle更多澄清 http://jsfiddle.net/Jsu4t/追加動態的div到左側

<div id="ctrId1" class="draggable chatRoom " rel="0" style="float: right; bottom: 0; position:fixed; right: 0px; z-index: 1000; padding: 5px; background-color:whitesmoke;"> 
    <div class="header" style="background-color:#006dcc"> 
     <div style="float:right;"> 
      <img id="imgDelete" class="imgClose" data-control="ctrId1" style="cursor:pointer;" src="Images/x_icon_hover.png"/></div> 
     <span class="selText" rel="0">rashmi</span></div> 
    <div id="divMessage" class="messageArea"></div> 
    <div class="buttonBar" style="padding-top:10px;bottom:0px,position:absolute;"><input id="txtPrivateMessage" class="msgText" type="text" /> 
     <input id="btnSendMessage" class="submitButton button" type="button" value="Send" /></div></div>

在我的代碼我附加所有動態的div到父DIV，但還是同樣的問題。

來源

2013-05-08 akeeseth

你提到的問題，但並沒有提出一個問題...？ – 2013-05-08 09:10:37

是的，我的問題是我的問題:) – akeeseth 2013-05-08 09:18:25

您可以將多個DIV追加到第一個DIV，有兩種方法可以將所有DIV從左邊開始保留在一行中。

您可以使用"display:inline"或者你可以在DIV風格使用"float:left"。

來源

2013-05-08 09:09:57

我曾經嘗試都，但不工作。我已經更新了我的jsfiddle http://jsfiddle.net/Jsu4t/2/ – akeeseth 2013-05-08 09:17:30

這一次按預期工作，我希望

jsfiddle.net/U2QDD/

來源

2013-05-08 09:27:50 sarjick

是其工作罰款2周的div。但在我的情況下，我動態地添加了多個div。 – akeeseth 2013-05-08 09:32:49

我不確定，我們可以使用CSS來解決這個問題，所以這是我使用jQuery的快速解決方案jsfiddle.net/fVbdm/ – sarjick 2013-05-08 10:04:41

追加動態的div到左側

回答

相關問題