如何实现一列二行的CSS布局

来源:百度知道 编辑:UC知道 时间:2024/06/16 18:57:44
类似于表格的那种形式.
搞错了,是要实现一行两列的CSS布局。

设置两个div框架,分别设置这两个div框架的宽度(宽度应小于或是等于整体宽度),把它们都设置成float:left。基本就是这样了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一行两列</title>
<style type="text/css">
*{
margin:0; padding:0; border:0; font-size:12px; color:#000;
}
body{
text-align:center; font-family:宋体, sans-serif;
}
#main{
width:950px; text-align:left; margin:0 auto;
}
#left{
float:left; width:240px; background:#9fc; margin-right:10px;
}
#