0

画面の下部に div を動的に追加しています。私の問題は、Facebook チャットで使用されているように、最初の div の左側に div を追加したいということです。より明確にするためにjsfiddleの例を作成しました http://jsfiddle.net/Jsu4t/ 

<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 に追加していますが、それでも同じ問題が発生します。

4

2 に答える 2

0

これは期待どおりに機能します

jsfiddle.net/U2QDD/

于 2013-05-08T09:27:50.857 に答える
0

複数の DIV を最初の DIV に追加できます。すべての div を左から 1 行に保持する方法は 2 つあります。

"display:inline"または"float:left"、DIVスタイルで使用できます。

于 2013-05-08T09:09:57.950 に答える