<div class="Group_right"> </div>如何将三个div平均分配成三个等宽的div? 如下只是举例， 不能实现同样的
发布网友
发布时间：2022-04-23 06:41
共1个回答
热心网友
时间：2023-10-06 03:32
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css演示</title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div >
<div id="SystemDirectoryTree" style="width:33%; float:left; background-color:Red; ">这是左边部分</div>
<div style="width: 34%; float:none; background-color: #3969B7;">这是中间部分</div>
<div style="width: 33%; float:right; background-color:Blue; margin-top:-18px;">这是右边部分</div>
</div>
</body>
</html>
这里其实是Float和Margin两个属性的巧妙应用！可以Hi我！
不好意思，上面的是IE6下的测试成功实现，但到IE8下就不行了，我又做了修改！
<!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" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div >
<div style="width:33%; float:left; background-color:Red; ">这是左边部分</div>
<div style="width: 34%; float:left; background-color: #3969B7;">这是中间部分</div>
<div style="width: 33%; float:right; background-color:Blue;">这是右边部分</div>
</div>
</body>
</html>
热心网友
时间：2023-10-06 03:32
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css演示</title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div >
<div id="SystemDirectoryTree" style="width:33%; float:left; background-color:Red; ">这是左边部分</div>
<div style="width: 34%; float:none; background-color: #3969B7;">这是中间部分</div>
<div style="width: 33%; float:right; background-color:Blue; margin-top:-18px;">这是右边部分</div>
</div>
</body>
</html>
这里其实是Float和Margin两个属性的巧妙应用！可以Hi我！
不好意思，上面的是IE6下的测试成功实现，但到IE8下就不行了，我又做了修改！
<!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" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div >
<div style="width:33%; float:left; background-color:Red; ">这是左边部分</div>
<div style="width: 34%; float:left; background-color: #3969B7;">这是中间部分</div>
<div style="width: 33%; float:right; background-color:Blue;">这是右边部分</div>
</div>
</body>
</html>
