html中2个宽度不固定的div 并排。
左边是相对宽度右边是固定宽度这个不用表格可以做吗？我试过很多代码都不行。。右边的总是跑到左边div下面可能我没说清楚。。左边div是根据里面的字符串长度变宽度。。右边是固...
左边是相对宽度
右边是固定宽度
这个不用表格可以做吗？ 我试过很多代码都不行。。右边的总是跑到左边div下面
可能我没说清楚。。
左边div是根据里面的字符串长度变宽度。。 右边是固定宽。
左边是div里面有列表。。
而且我想让他们宽度和不要超过800px。。 展开
右边是固定宽度
这个不用表格可以做吗？ 我试过很多代码都不行。。右边的总是跑到左边div下面
可能我没说清楚。。
左边div是根据里面的字符串长度变宽度。。 右边是固定宽。
左边是div里面有列表。。
而且我想让他们宽度和不要超过800px。。 展开
4个回答
展开全部
给右边固定宽度的div加个float:right;就行了，左边的那个相对宽度或者自动宽度的话加个overflow:hidden；右边那个div写的时候写在左边div的上面
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
右边的div写在前面，然后float：right，左边的float：left，overflow：hidden应该就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
*{margin:0;padding:0;}
#content { margin:0 auto; margin-top:30px;border:#333333 1px solid; padding:1px;}
#left{width:100%;float:left;margin-right:-205px;;}
#left_content{border:#333333 1px solid;margin-right:205px;height:300px;}
#right{float:right;border:#333333 1px solid; width:200px;height:300px; }
/*清除浮动代码开始*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
*html .clearfix{
height:1%;
}
*+html .clearfix{
height:1%;
}
/*清除浮动代码end*/
-->
</style>
</head>
<body>
<div id="content" class="clearfix">
<div id="left">
<div id="left_content"></div>
</div>
<div id="right"></div>
</div>
</body>
</html>
这个 一个典型的例子 原创的！ 右侧固定 左侧自动适应！
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
*{margin:0;padding:0;}
#content { margin:0 auto; margin-top:30px;border:#333333 1px solid; padding:1px;}
#left{width:100%;float:left;margin-right:-205px;;}
#left_content{border:#333333 1px solid;margin-right:205px;height:300px;}
#right{float:right;border:#333333 1px solid; width:200px;height:300px; }
/*清除浮动代码开始*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
*html .clearfix{
height:1%;
}
*+html .clearfix{
height:1%;
}
/*清除浮动代码end*/
-->
</style>
</head>
<body>
<div id="content" class="clearfix">
<div id="left">
<div id="left_content"></div>
</div>
<div id="right"></div>
</div>
</body>
</html>
这个 一个典型的例子 原创的！ 右侧固定 左侧自动适应！
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
