有没有办法将子div的宽度设置为浏览器的100%?

时间:2016-10-11 14:41:00

标签: jquery css dotnetnuke

有没有办法将width的{​​{1}}设置为child div浏览器,而不是100%的100%? parent div是我找到的唯一方法,但这是导航的一部分,因此不起作用。基本上它是Position: fixed菜单,dropdown需要跨越浏览器宽度的100%。
最好只用css。我正在处理sub-nav,我无法修改脚本本身 该脚本在jQuery中,所以如果有一种方法可以在文档上修改它,我可以做到这一点。

这是菜单结构



DNN nav




2 个答案:

答案 0 :(得分:1)

是。只需设置width: 100vw,其中vw是视口宽度的1/100。如果被覆盖,只需使用旁边的!important

答案 1 :(得分:0)

这可能不是这个最优雅的解决方案,但在我找到更好的解决方案之前,它是我要去的那个。

我将位置设置为fixed,并添加了这个jQuery

<script>
$(document).scroll(function(){
	if($(this).scrollTop() > 50){
		$('.say-child #dnnStandardMenu .root .m0').css({"display" : "none", "top" : "auto"});
	}
		if($(this).scrollTop() > 75){
		$('.say-child #dnnStandardMenu .root .m0').css({"top" : "148px"});
	}	
		if($(this).scrollTop() > 100){
		$('.say-child #dnnStandardMenu .root .m0').css({"top" : "48px"});
	}
});
</script>