Question

我在屏幕底部动态添加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，但仍然存在同样的问题。

Answer 1

你可以将多个DIV附加到第一个DIV，有两种方法可以将所有div保持在从左开始的单行中。

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

Answer 2

这个按预期工作我希望

jsfiddle.net/U2QDD /

将动态div添加到左侧

2 个答案: