调整div box元素的css位置

Question

这里我创建了一个显示用户帖子的框，

姓名，帖子未正确对齐。有人能指出我犯错的地方吗？

Code pan link

如果帖子非常小，那么like comment应至少出现在高度=图片大小。

Answer 1

你没有提供浮动div的宽度，它覆盖整个div，从而推动name不对齐

<强>代码

 <div class="name" id="wall1" style="
           text-align:justify;
           float:left;
           border:1px solid #000;   /* to find the area covered*/
           white-space:nowrap;
           width:20%   /* markup to align name and fix the width*/
"> nice post<br />

因为你没有提到浮动div的width，所以它取整个100％，设置一个值来修复div width

Answer 2

你应该修改你的HTML。即<label>元素不应在<form>元素之外使用。 我不知道你想要实现什么，但这可能会有所帮助：

codepen