将Div设为屏幕但扣除左边距

时间:2012-06-17 12:07:06

标签: javascript jquery html css width

我有以下结构

<div class="mybox">
<div id="imageslide">
    <a href=""><img src="url" /></a>
</div>
</div>

它有固定位置并且左:300px;意味着它将在300px之后从左侧开始现在我想让mybox div宽度填充屏幕的剩余空间。所以我可以100%使用#imageslide,它使用一些javascript来将图像放入该div中。

我希望在300px之后从左侧开始myset或imageslide,并且与屏幕的剩余宽度相匹配,图像也应该与容器相应。

更新

包含图片的宽度和高度是parrent div #imageslide的100%所以我无法用css覆盖。我可以删除另外添加的mybox div以尝试使用css。 我试过css但是没有用。

这是网站网址 ---------------- http://saltaa.com/

所以这里我要设置的主页大滑块是一种方式,所以它将在左侧菜单列和图像将根据宽度和高度的屏幕尺寸拟合后开始。

这真是奇怪。 谁帮我找到解决方案我不知道为什么他/她已经删除了答案,可能他对我投反对票。它很奇怪。至少他/她会允许我检查我的文件而不是接受答案。

2 个答案:

答案 0 :(得分:2)

这应该有效:

div.mybox {
    position:absolute;
    left: 300px;
    width:100%;
    height:100%;
}

#imageslide {
    left: 300px;
    width:100%;
    height:100%;
}

img {
    left: 300px;
    width:100%;
    height:100%;
}

答案 1 :(得分:2)

试试这个:

.mybox {
   position: absolute;
   left: 30px;
}

var w = $(window).width() - 30;
$('.mybox').css("width", w)

http://jsfiddle.net/X5PPP/1/