3个div 并排的有关问题-HTML教程-爱易网页

3个div 并排的有关问题

日期：2014-05-17　浏览次数：20663 次

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的表达式*/);

}

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

3个div 并排的有关问题

相关资料更多>

推荐阅读更多>