<div class="Group_right"> </div>如何将三个div平均分配成三个等宽的div? 如下只是举例， 不能实现同样的
<divclass="Group_right"><divid="SystemDirectoryTree"style="width:30%;height:auto;marg...
<div class="Group_right">
<div id="SystemDirectoryTree" style="width: 30%; height: auto; margin: 10px auto;">
</div>
<div style="width: 30%; height: auto; background-color: #3969B7; margin: 10px auto;">
fdasfsd
</div>
<div style="width: 30%; height: auto; background-color: #3969B7; margin: 10px auto;">
dsfsdfsd
</div>
</div> 展开
<div id="SystemDirectoryTree" style="width: 30%; height: auto; margin: 10px auto;">
</div>
<div style="width: 30%; height: auto; background-color: #3969B7; margin: 10px auto;">
fdasfsd
</div>
<div style="width: 30%; height: auto; background-color: #3969B7; margin: 10px auto;">
dsfsdfsd
</div>
</div> 展开
1个回答
展开全部
<!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 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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
