怎样让两个div保持相同的高度
最经典的两列自适应高度CSS代码，IE5、6、7，FF下测试通过。希望对你有用： body{ padding: 0; margin: 0; color:#333/*#0d7206*/; font-size: 14.7px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text-align: center; background:url(body_bg.jpg) #c8fdcc repeat-x top left; } #pagebody{ width: 760px; margin:10px auto; overflow: hidden; } #sidebar{ border-right:1px #009900 dotted; width: 199px; float: left; background:url(l_bg_contbox.png) #FFF repeat-y left; text-align: left; } #mainbody{ width: 560px; float: left; background:url(r_bg_contbox.png) /*#f6f6f6*/#fff repeat-y right; text-align: left; } /* easy clearing */ #pagebody:after { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden; } #pagebody { display: inline-block; } /*\*/ #pagebody { display: block; } /* end easy clearing */ /*\*/ #sidebar, #mainbody { padding-bottom: 32767px !important; margin-bottom: -32767px !important; } @media all and (min-width: 0px) { #sidebar, #mainbody { padding-bottom: 0 !important; margin-bottom: 0 !important; } #sidebar:before, #mainbody:before { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0; } } /**/
style="margin-bottom:-9999px;padding-bottom:9999px;"
给两个都加上。然后上一级超出隐藏 style="overflow:hidden"
1、新建一个html文件，命名为test.html，用于讲解jquery怎么设置div高度。
2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。
3、在test.html文件内，使用div标签创建一个模块，并使用css设置其宽度为50px，背景颜色为红色。
4、在test.html文件内，设置div标签的class属性为mydiv，主要用于下面通过该class来得div对象。
5、在test.html文件内，使用button标签创建一个“设置div高度”按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行editheight()函数。
6、在js标签中，创建editheight()函数，在函数内，使用$符获得div元素对象，再使用jquery中的css()方法，设置height高度属性，例如，设置height为200px即可。
<div>
<div style="float:left;width:100px; background:#FF0000; height:20px;">left</div>
<div style="float:left;width:100px; background:#666; overflow:hidden; height:20px;">right<br/>right</div>
</div>这种方式的话超出高度的东西显示还出来，还有种方式就是用js控制
例如
<body >
<div style="height:500px; width:100px; background:#999; float:left">
<div style="height:100%; width:100px; background:#00F; float:left; margin:0px 300px"></div>
</div>
</body>
把一个DIV变成另一个div的子元素，子元素的DIV height:100% 父元素多高子元素就多高了，在对2个DIV定位
我估计你是想实现这个效果吧。
如果第二个DIV和第三个DIV的高度随着第一个DIV高度（或者第一第二适应...省略）那就太好了
如果...这儿我试验了下 三个都是内层的DIV 无法设定 height=???，或者外层。。positon:re
内层:p:a;这不现实.所以楼上的不懂 不要灌水。让大神来解释吧
我查了下文档。这个解决的办法 只有js。css的确不行。
<script type="text/javascript">
$(function(){
if($("#left").height() > $("#right").height()){
$("#right").css("height",$("#left").height())
}else{
$("#left").css("height",$("#right").height())
}
})
</script>
以上是某个大神的解决办法。我抄过来的。
请大神路过。。。留下你的心得。
<div>
<div style="float:left;width:100px; background:#FF0000; height:20px;">left</div>
<div style="float:left;width:100px; background:#666; overflow:hidden; height:20px;">right<br/>right</div>
</div>这里浮动是相对来说的，你需要的只是第一个div左浮动，所以你只需要把第二个div中的浮动去掉就可以了如下：<div>
<div style="float:left;width:100px; background:#FF0000; height:20px;">left</div>
<div style="width:100px; background:#666; overflow:hidden; height:20px;">right<br/>right</div>
</div>
想让两个图片保持在标签的两端,可以怎样设置
2、在文件内，在两个div内分别加上一个图片标签img，并且写上两张图片的路径。3、在html文件内，使用css对两个div的样式进行定义，分别设置其position属性为absolute，即两张图片在页面的位置是绝对定位。4、在html文件内，使用z-index设置两张图片的叠加的顺序，设置图片一在下面，图片二在上面。5、...
...移到div2上div2仍然保持显示,移出才隐藏。两个div为单独div,不是父 ...
<!DOCTYPE html><html><head><meta charset="UTF-8" \/><title>选项卡案例<\/title><style>body{ background-color: #ccc; }.main{ margin: 20px auto; padding: 10px; width: 640px; background-color: #fff; }.tab{ margin: 30px 0px; padding: 0px; border: 1px solid #f1f1f1;...
如何让div永远保持在底部?
background-color:#CCC; border:#000 1px solid;为DIV加个边框和背景色，便于观察效果。text-align:center,实现图片的保持在底部；padding-top:50px，50px这个数值是经过计算得到的，padding-top的值具体算法如下：（DIV的高度 – 图片的高度）\/2，但这里要注意，根据盒模型原理，我们还要将DIV原来的...
如何用JS让DIV固定在一个位置
2012-05-04 js怎么让一个div块始终保持在页面的固定位置,求列子 6 2014-07-27 如何利用js向指定位置添加一个div层 27 2013-10-09 用js怎么吧一个div的位置定位在一个按钮旁,按钮位置不固定 2 2013-08-22 网页中如何让DIV在网页滚动到特定位置时出现 40 2013-05-11 用js怎么吧一个div的位置定位...
在HTML中,如何控制CSS使两个元素居中靠拢但是又保持一定距离?
<style> .div1{width:500px;height:250px;margin:0 auto;} .a,.b{float:left;} .a{width:250px;height:250px;margin-right:50px;background:#f00} .b{width:200px;height:250px;background:#0f0} <\/style> <div class="div1"> <div class="a"><\/div> <div class="b"><\/div...
我想定位嵌套div,div1在上,div2在下,div3在div1 div2的右边,该怎样用CS...
我的方法和二楼的方法类似，也是左右两个DIV，都往左浮动，然后在左边的DIV里面设置DIV1和DIV2，通过DIV2 clear清除父对象的浮动 这样很自然的就上下对齐了~~个人建议，通过宽度来被动调节上下对齐的方式 不如主动的设置对齐方式，因为在未知的浏览器中，我们不知道它们怎么解释这种情况，所以还是手动设置...
js怎么让一个div块始终保持在页面的固定位置,求列子
建议使用css实现，效果更佳，使用position: fixed，固定定位，具体位置的调整是用top、left、right、bottom也可以使用margin调整 css实现代码 <div style="position: fixed;top:100px; left: auto; right: auto; bottom: auto; " ><\/div>一般的网站的浮动广告以及浮动菜单等可以使用fixed来实现，js...
怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动?
1、使用CSS CSS让DIV固定位置不随滚动条而滚动，fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。代码我们可以这样写：html{overflow:hidden;} body{height:100%;overflow:auto;} （2）我们可以利用绝对定位来...
css div 固定一个div 使这个div不随着网页的滚而滚动 就是把这个div固 ...
1、需要使用固定定位才能做到这样的效果。具体方法是首先打开html编辑器，首先设置一个容器div，然后设置一个用来演示效果的div，分别设置class属性名为container和fixed：2、在style标签中设置样式，设置container的position属性为相对定位，并且给它一个很高的高度，然后给fixed设置高度和宽度，以及颜色等属性，...
如何通过数组给js创建的div并同时保持div的id不一样求代码
var arr=["a","b","c","d"];for(var i=0;i<arr.length;i++){ var div=document.createElement("div");div.id="d"+arr[i];document.body.appendChild(div);}
狐卢当归： 最简单的:1、你不要设背景,不要设边框2、设一个背景,两个div共用那种repeat-y
长岭县13648144534： 如何保持两个DIV的高度相对一致?？
狐卢当归： 用jquery语句这样写可以实现:$(＂#listrightmid ul.list＂).height($(＂#leftpart＂).height());
长岭县13648144534： 怎么让这两个div一样高?？
狐卢当归： <div> <div style=＂float: left; clear: left; width: 50%; height: 100%; background-color: rgb(34, 34, 34); height:200px;＂> <table border=＂0＂ style=＂text-align: left; border: 1px none;＂> <tbody><tr> <td style=＂background-color: rgb(170, 170, 170); ...
长岭县13648144534： css怎么实现连个div的高度一样 - ？
狐卢当归： 想要实现两个div的高度一样吗?可以先编写一个公用的class样式,比如:.div{ height:500px; width:500px; }; 然后两个div都引用这一个样式,<div id=＂div1＂ class=＂div＂></div><div id=＂div2＂ class=＂div＂></div> 这样就可以实现两个div的高度一样了.
长岭县13648144534： 怎么让DIV的高度始终和右面一样 - ？
狐卢当归： <div style=＂width:1000px;＂><div style=＂height:100px;width:500px;＂></div><div style=＂height:100px;width:500px;＂></div></div>
长岭县13648144534： 如何让一个div的高度等于另一个div的高度? - ？
狐卢当归： 你好!你需要设置两个div的高度为同一个值就可以了.望采纳.
长岭县13648144534： DIV+CSS 如何让左右两个DIV的高度一致? - ？
狐卢当归： 最经典的两列自适应高度CSS代码,IE5、6、7,FF下测试通过.希望对你有用:body{ padding: 0; margin: 0; color:#333/*#0d7206*/; font-size: 14.7px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text-align: center; background:url(body...
长岭县13648144534： 两个div怎么才能一样高？
狐卢当归： 是DW吗? 如果是: <!DOCTYPEPUBLIC ＂- 4.01 Transitional4%2Floose.dtd%22%3E＂ target=＂_blank＂>4/loose.dtd＂>< xmlns=＂ ＂><head> <meta ; charset=utf-8＂ /> <title>New Web Project</title> <style type=＂text/css＂> #all{border:...
长岭县13648144534： 如何让子div的高度和父div的高度一样高 - ？
狐卢当归： 非必要布局的话,你还是别用相对和绝对布局,既然你这里并没设定位移,那就没必要加position:absolute;绝对定位;况且我也想不到有什么布局需要父级加了position:relative;后还需要跟随子级高度变化,通常这样布局貌似很少用,父级一般也就用来做定位
长岭县13648144534： 如何让两个div高度能够一样高,不会因为其中一个div内容变多,导致两个div高度不同,怎么解决,如下图: - ？
狐卢当归： 因为你把height设成auto了,会随着内容而适应,可以直接定死height
