我希望浮动div具有其父级的完整高度。
链接到我创建的JSFiddle:http : //jsfiddle.net/Em6ms/2/
div.second {
float: left;
width: 150px;
height: 100%;
/* <- Problem: This does not work! */ }
这就是我想要的样子:http : //www.directupload.net/file/d/3646/yqfogsew_png.htm
我知道有关此问题的问题很多,但没有一个答案可以解决我的具体情况。我试过了
html, body {height: 100%;}
并使用“ clear:both”指令添加一个额外的div。
谢谢!
如果未指定父级div的高度,则不能将子级的高度设置为相对于其父级的高度100%。如果未指定parent的大小,则解决此问题的一种方法是使用jquery:
$('document').ready(function(){
$(".second").css('height', $(".first").css('height'));
});
使用纯JavaScript:
var firstHeight = document.getElementsByClassName('first')[0].clientHeight-20;
var test = document.getElementsByClassName('second')[0].style.height = firstHeight+"px";
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句