html - 需要帮助来创建 div 结构

Question

我想创建 div 结构，因为我已附加图像。请任何人都可以帮助我。

Answer 1

您可以像下面那样执行此操作并通过浮动定位它们

<div class='outer'>
<div class='left'></div>
<div class='tow'>
   <div class='up'></div>
     <div class='cbt'></div>
   <div class='jimit'></div>
     <div class='one'></div>
   <div class='below'></div>
</div>
<div class='right'></div>

css

.outer,leftm.right,.tow{float:left;}
.left,.right{width:25%;}
.tow{width:50%;}
.cbt{clar:both}

Answer 2

为此使用绝对位置 -演示

.center {
   position: absolute;
   width: 300px;
   height: 200px;
   left: 50%;
   top: 50%;
   margin-left: -150px; /* Half of div width */
   margin-top: -100px; /* Half of div height */
}