调整div箱元素的css位置

Question

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

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

Code pan link

如果帖子是非常小的，然后like comment应该ATLEAST在高度=图像尺寸出现。

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 /> 

，因为你没有提到的width浮动div，它占整个100％，将一个值修复div width

Answer 2

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

codepen