DIV+CSS中页面2个div并排 一个宽度定像素一个宽度宽度自动适应 如何实现 不用JS
<html><head></head><body><divid="main"style="width:100%;height:500px;"><divid="left"s...
<html>
<head></head>
<body>
<div id="main" style="width:100%;height:500px;">
<div id="left" style="width:200px;height:500px;float:left"></div>
<div id="right" style="?"></div>
</div>
</body>
</html>
我想问 id=right 的样式该怎么设置 才能 让 他 自动适应宽度 展开
<head></head>
<body>
<div id="main" style="width:100%;height:500px;">
<div id="left" style="width:200px;height:500px;float:left"></div>
<div id="right" style="?"></div>
</div>
</body>
</html>
我想问 id=right 的样式该怎么设置 才能 让 他 自动适应宽度 展开
5个回答
展开全部
怎么可能div right 在div main里面，他的参考是div main 不是浏览器窗口，不会自动适应浏览器的。可以把div main 设置成relative,把div right设置成absolute,right=0,让他靠右，这是可以用%来设置宽度，并且这时也是以div main为参考的。
更多追问追答
追问
应为我main这个ID 已经 设置了 100% 所以main 他已经可以随浏览器 的改变而改变的····现在的问题是 right 怎么 去随 main的改变就好了···一样的道理
追答
main relative .
right absolute
right 的大小位置就可以参考main的了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这样做不能简单实现，不用js判断实现不了。
用表格分开，里面放div勉强能行，但兼容性不好，效果差强人意。
用表格分开，里面放div勉强能行，但兼容性不好，效果差强人意。
更多追问追答
追问
额 除了js 就真没解决办法啦？
追答
从div的原理上说，div本身没有先后次数之分的，你用不同的层，然后左侧用绝对坐标试试怎么样，下午有空我也测试测试。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
都用float:left就可以了
追问
这样不行啊··我是要 他自动适应 浏览器的宽度
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
也用width:100% 就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id="main" style="width:100%;height:500px;">
<div id="left" style="width:200px;height:500px;float:left"></div>
<div id="right" style="margin-left:200px;width:auto;height:500px;"></div>
</div>
<div id="left" style="width:200px;height:500px;float:left"></div>
<div id="right" style="margin-left:200px;width:auto;height:500px;"></div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
