关于DIV宽度的控制

来源：百度知道 编辑：UC知道 时间：2024/05/26 07:40:32
各位大哥大姐，本人在做网页（DIV+CSS样式排版）的时候遇到一个问题，是关于DIV自适应的问题。如何用CSS（不要用JS方法）能够使外面的DIV（主盒子）的宽度等于里面DIV（子盒子）的和？

详细说明：
子盒子里几个DIV是向左浮动的，形成一种像表格的方式！
本人试过了很多种方法都无法处理，用过width:auto但达不到效果;唯有用超过或等子盒子所有宽度和的固定值才可以正常显示，但主盒子里面的子盒子数量是会改变的所以我不能给主盒子一个固定值！
你们能理我的意思吗？

如果哪位提供CSS处理方法能够处理这个总是的话，本人一定追加积分！

用百分比来控制嘛！给你个例子，你运行一下，看看能不能有所收获！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>123</title>
</head>

<style type="text/css">
.t1 {width: 96%; height:auto;vertical-align: middle;BORDER: #6595d6 1px solid;}
.t2 {text-align: center;FONT-WEIGHT: bold;height:23px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/admin_th_bg.gif);

COLOR: white; BORDER: #ffffff 1px solid;}
.t3 { float: left;
width: 30%;
height:23px;
vertical-align: middle;
padding:4px;
background-color:#f0f4f7;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.t4 {
margin:0px;
float: left;
width: 68%;
height:23px;
vertical-align: middle;
padding:0px;
background-color:#f0f4f7;
border-left:0px solid #FFFFFF;
border-rig