UC知道关于HTML，DIV+CSS
来源：百度知道 编辑：UC知道 时间：2024/06/13 21:00:20
<!--
body {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 950px;
}
#left {
float: left;
height: 400px;
width: 200px;
border: 1px solid #FF0000;
text-align: right;
}
#right {
float: left;
width: 700px;
height: 400px;
border: 1px dashed #000000;
margin-left: 20px;
}
-->
</style>
</head>
<body>
<div id="left">此处显示 id "left" 的内容</div>
<div id="right">此处显示 id "right" 的内容</div>
</body>
这是一个简单的样品！
“righ” 要放很多的文字 有多有少 放很多的时候“right” 就会变很高！
“left”还是原来的高！
我想要“right”变高的话“left”也要跟着拉长下来！在“right”高度不变的话“left”也保持原来的高度！
用百分比和自动都试过了还是搞不好 大虾们来帮帮忙啊~···
我只是想达到这样的效果 不一定是以上只是个变现形式！！！
body {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 950px;
}
#left {
float: left;
height: 400px;
width: 200px;
border: 1px solid #FF0000;
text-align: right;
}
#right {
float: left;
width: 700px;
height: 400px;
border: 1px dashed #000000;
margin-left: 20px;
}
-->
</style>
</head>
<body>
<div id="left">此处显示 id "left" 的内容</div>
<div id="right">此处显示 id "right" 的内容</div>
</body>
这是一个简单的样品！
“righ” 要放很多的文字 有多有少 放很多的时候“right” 就会变很高！
“left”还是原来的高！
我想要“right”变高的话“left”也要跟着拉长下来！在“right”高度不变的话“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=utf-8" />
<title>无标题 1</title>
<style type="text/css">
* {margin: 0; padding: 0;}
body {margin:30px;}
.main {overflow: hidden; width: 800px; margin: 0 auto;}
.left {float: left; width: 400px; overflow: hidden; }
.right {float: right; width: 380px; overflow: hidden;}
.bor_top { height:1px; background:#FB9D51; overflow:hidden; }
.equal {padding-bottom: 32767px; margin-bottom: -32767px;}
.bo