Jquery Divs赢得'；不要向右对齐

我正在尝试创建一个消息页面，但是包含已发送消息的div会堆积起来——每一行中有两个，而实际上应该只有一个

类为.message的div都应该向右浮动，每行只有一个div

我正在我的项目中使用jQuery

#mydiv{
宽度：80%；
保证金：自动；
最小高度：100px；
最高高度：80%；
溢出y：自动；
边框：3倍纯红；
}
.留言{
浮动：对；
宽度：40%；
边框：2倍纯水；
}
#消息框{
位置：绝对位置；
右：11%；
}

$（'#messagebox'）。按键（功能（e）{
如果（e.which==13）{
e、 预防默认值（）；
发送（$（this.val（））；
$（此）.val（“”）；
}
});
函数发送（msg）{
var msgDiv=”“+msg+“”
$（'#mydiv'）。追加（msgDiv）；
}

您需要使用

清除：两个
来防止
.message
div两侧的任何浮动元素（或者您也可以使用
清除：左
来防止
.message
div左侧的任何浮动元素）。看


#mydiv{
宽度：80%；
保证金：自动；
最小高度：100px；
最高高度：80%；
溢出y：自动；
边框：3倍纯红；
}
.留言{
浮动：对；
宽度：40%；
清除：两侧；/*防止两侧浮动元件*/
边框：2倍纯水；
}
#消息框{
位置：绝对位置；
右：11%；
}


$（'#messagebox'）。按键（功能（e）{
如果（e.which==13）{
e、 预防默认值（）；
发送（$（this.val（））；
$（此）.val（“”）；
}
});
函数发送（msg）{
var msgDiv=”“+msg+“”
$（'#mydiv'）。追加（msgDiv）；
}
display：要水平排列的框上的内联块