追加动态的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,但还是同样的问题。
答
您可以将多个DIV追加到第一个DIV,有两种方法可以将所有DIV从左边开始保留在一行中。
您可以使用"display:inline"
或者你可以在DIV风格使用"float:left"
。
+0
我曾经尝试都,但不工作。我已经更新了我的jsfiddle http://jsfiddle.net/Jsu4t/2/ – akeeseth 2013-05-08 09:17:30
你提到的问题,但并没有提出一个问题...? – 2013-05-08 09:10:37
是的,我的问题是我的问题:) – akeeseth 2013-05-08 09:18:25