html – 右侧无浮动对齐

前端之家收集整理的这篇文章主要介绍了html – 右侧无浮动对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个聊天小部件,我添加一些样式。但是我无法使“用户”聊天泡沫对齐在屏幕的右侧。

当我使用浮动版权时,浮动左边(对于另一边),divs不再正确定位,因为它们似乎只是在相对div的右边。

我想要它也可以附加div,这将导致溢出创建一个滚动条。哪个没有浮动已经按预期工作了。

以下是jsbin中的当前版本。

http://jsbin.com/utulay/1/edit

TLDR;试图让.chat-bubble-user div在没有浮动的情况下与屏幕右侧对齐。

解决方法

如果你不想使用浮点数,只需使用inline-block,就像这样:
#chatWindow {
   text-align: right;
}

.chat-bubble-user {
   display: inline-block;
   text-align: left; 
}

JsBin(在Fx20上测试):http://jsbin.com/awimev/2/edit

猜你在找的HTML相关文章