html - 多个 div 对齐问题

Question

我正在尝试在页面上创建多个水平 div 元素 http://jsfiddle.net/bss6mc5a/

#body-left { float: left; content:url(http://placehold.it/240x930);}
#body { display: inline; }
#body-right { float: right; content:url(http://placehold.it/240x930);}

布局是我希望它显示的方式，但是当我向 div 添加文本(删除评论标签)时，div 正在向下移动，而我希望它保持原位。

感谢您对我实现此目标的任何帮助/纠正。

Answer 1

您需要为 div 定义宽度:

#body-left { float: left; content:url(http://placehold.it/240x930);}
#body { float: left; width: 960px; }
#body-right { float: right; content:url(http://placehold.it/240x930);}

更新的 fiddle :

http://jsfiddle.net/bss6mc5a/3/

更新 2:

http://jsfiddle.net/bss6mc5a/7/