如何定位CSS可以让左边框的长度随右边的内容增加而曾长?

来源:百度知道 编辑:UC知道 时间:2024/05/27 20:32:34
如何定位CSS可以让左边框的长度随右边的内容增加而曾长?
就是左边的边框的内容是副导航,长度有限,
但是右边的主要内容有时候很多很长,
而左边的还是那么短的话会显得很不美观,
就想要左边的边框的长度随右边的内容增加而曾长要怎么实现呢?

一是在外面放个大盒子放背景图片解决,
二是外面用一个table表格放背景色或边框线这就跟你自己的需要来设了,然后里面再套div就ok了

加个很简单的JS就可以了
判断左右两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 #0