我在屏幕底部动态添加 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,但仍然是同样的问题。
最佳答案
您可以将多个 DIV 附加到第一个 DIV,有两种方法可以将所有 div 从左侧开始保持在一行中。
您可以使用 "display:inline"
或者您可以在 DIV 样式中使用 "float:left"
。
关于javascript - 将动态 div 附加到左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16436631/