如何定位CSS可以让左边框的长度随右边的内容增加而曾长?
发布网友
发布时间：2022-04-20 22:50
共2个回答
热心网友
时间：2022-04-21 00:19
判断左右两DIV高度最大的，然后让高度小的 等于高度大的……
下面是简单案例，复制运行试试，两个DIV都没加高度。
<!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>
<style>
*{ margin:0px; padding:0px;}
ul{ list-style-type:none;}
#height1{ width:200px; float:left; border:1px solid #000000;}
#height2{ width:600px; margin-left:10px; float:left; border:1px solid #000000; }
</style>
<body>
<div id="height1">
</div>
<div id="height2">
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</div>
<script type="text/javascript">
var height1 = document.getElementById("height1");
var height2 = document.getElementById("height2");
if( height1.offsetHeight > height2.offsetHeight){
height2.style.height = height1.offsetHeight + "px";
}
else{
height1.style.height = height2.offsetHeight + "px";
}
}
</script>
</body>
</html>
热心网友
时间：2022-04-21 01:37
二是外面用一个table表格放背景色或边框线这就跟你自己的需要来设了，然后里面再套div就ok了
