css - 页面 didvision 与 css

Question

我将我的页面分为三个部分:左、中和右。应该出现在中心的元素在 class="center" 下，那些出现在右边的元素在 class="right" 下。但是由于某种原因，当我运行这段代码时

<div id="center">
  <div>Hello world </div>
  <div><label>Name</label> <input type="text" name="fnam" class="fields" id="fn" /></div>
</div>

输出结果为:

   Hello
   world
   Name 
   field(text input)

只要元素之间有空格，下一行就会出现以下元素。它也对 class="right"做同样的事情。 .center 和 .right 的 CSS 代码:

#right{
  position : absolute;
  right:500px;
  margin-top :-75px;
  width : 160px;
  padding : 3px;

}
#center {
  margin-top:10px;
  width: 130px;
  margin-left: 500px;
}

Answer 1

左栏

{宽度:24%；最小高度:300px；边框:1px 实心#000；向左飘浮;

centerDiv

{宽度:50%；向左飘浮;最小高度:300px；边框:1px 实心#000；左边距:10px；

右栏

{宽度:24%；向左飘浮;最小高度:300px；边框:1px 实心#000；左边距:10px；

<div id="leftDiv"></div>
<div id="centerDiv"></div>
<div id="rightDiv"></div>