请问如何才能把CSS接自己想要的排成这样(有图)

来源:百度知道 编辑:UC知道 时间:2024/06/18 10:38:16
000000000000000000000000000000000000

11111111111111111 22222222222222222

——————————————————————————————
备注说明:
0是一个大栏目条长470px 宽27
1和2是两个字栏目,宽都为234

我想在这个470的栏目条下放两个子栏目,请问要自么放。

我的是织梦代码,我把CSS和调用代码都放上来,请高手帮我看下

——————————————————————————————
我的代码如下请问应该如何调用或调动才能做到上面的校果,
.470 {
overflow:hidden;
border: 1px solid #FFA446;
width: 470px;
float: none;
clear: both;
line-height: 27px;
color: #FF5F55;
height: 27px;
}

/* BOX 473栏目用 */
.light05 {
border:none;
width: 470px;
}
.light05 dt{
height:20px;
overflow:hidden;
clear:both;
width: 220px;
background-image: url(../images/fl-bg.gif);
background-repeat: repeat-x;
}
.light05 dd{
overflow:hidden;
border: 1px solid #FFA446;
width: 220px;
float: none;
clear: both;
}
.light05 dt strong{
heigh

<!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=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div style="width:470px;">
<div style="width:470px;background:#eeeeee;clear:both;">000000</div>
<div style="float:left;width:234px;background:#aaaaaa;clear:left;">11111</div>
<div style="float:right;width:234px;background:#000000;clear:right;">2222</div>
</div>