采用diy css布局搭建结构为左侧,中间,右侧,底侧的盒子

html-css07

采用diy css布局搭建结构为左侧,中间,右侧,底侧的盒子,第1张

首先纠正你的错误，不是diy，是div

左侧,中间,右侧,底侧的盒子html结构如下：

<div class="warp">

    <div class="left"></div>

    <div class="center"></div>

    <div class="right"></div>

    <div class="foot"></div>

</div>

css样式如下：

.warp{width: 900pxoverflow: hidden}

.left,.center,.right{width: 300pxheight: 300pxfloat: left}

.foot{width: 900pxheight: 300px}

备注：所有的div宽和高都是我随意定的，根据你的需求更改！

<input style="float:leftdisplay:blockmargin-bottom:10px" type="submit" name="submit1" value="销售金额查询">