html页面中表单怎么用div分列布局主要分两个步骤操作:
第一种情况,float浮动相同
让两个div盒子的float值相同,比如都设置float:left或float:right,宽度设置合适即可。这里我们通过案例实现一行两列DIV布局。
1、完整实例DIV+CSS代码:
两个DIV并排
第一个DIV盒子第二个DIV盒子
2、实例截图
一行两列DIV并排效果截图
需要注意是宽度,要想一行两列DIV布局,避免第三个DIV也并排,这里就要设置计算好宽度(这里设置百分比宽度为49%),三个DIV盒子宽度之和大于父级宽度,两个DIV宽度之和小于父级宽度,即可实现只有2个DIV并排。
第二种情况,float浮动值不同
一个设置为float:left;一个设置为float:right.。
1、完整HTML源代码:
两个DIV并排
第三个DIV盒子第四个DIV盒子
2、两列并排DIV实例截图
Untitled Page
头部此处显示头部搜索内容此处显示左侧内容显示右上角的内容显示右中间的内容此处显示右下面的内容此处显示最版权内容
这是我写的,你研究下,顺便你复制到记事本,后缀改成html然后用浏览器打开,不懂哪些欢迎追问~如能帮助你~我很荣幸
你可以用表格,简单很多。