3个div 并排的有关问题

2013-01-05

3个div 并排的问题。我要让3个div并排。中间的div长度根据前后的div长度而定。就要做这个效果。求帮忙谢谢[

3个div 并排的问题。
我要让3个div并排。中间的div长度根据前后的div长度而定。就要做这个效果。求帮忙谢谢
[解决办法]


<!DOCTYPE html>
<html>
<head>
<style>
* {margin:0px;padding:0px;}
#page {width:900px;margin-right:auto;margin-left:auto;background:#ccc;}
#d1,#d2,#d3 {width:300px;height:100px;float:left;}
#d1 {background:red;}
#d2 {background:green;}
#d3 {background:blue;}
</style>
</head>
<body>
<div id="page">
<div id="d1">div</div>
<div id="d2">div</div>
<div id="d3">div</div>
</div>
</body>
</html>

中间的div就是d2，其宽度由d1和d3决定，所以应该由js来实现


window.onload=function() {
  var oDiv1=document.getElementByID("d1");
  var oDiv2=document.getElementByID("d2");
  var oDiv3=document.getElementByID("d3");
  oDiv2.style.width=(/*d1和d3的表达式*/);
}

热点排行

CSS

3个div 并排的有关问题