0

我有以下结构

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

它有固定的位置和left：300px；意味着它将在 300px 之后从左侧开始现在我想让 mybox div 宽度填充屏幕的剩余空间。所以我可以使用 100% 到#imageslide，它使用一些 javascript 将图像适合该 div。

多合一我想让 mybox 或 imageslide 在 300px 之后从左侧开始，并适合屏幕的剩余宽度，并且图像也应该相应地适合容器。

更新：

包含图像的宽度和高度为父 div #imageslide 的 100%，因此我无法用 css 覆盖。我可以删除另外添加的 mybox div 以尝试使用 css。我尝试过 css 但不起作用。

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

所以在这里我要设置的主页大滑块是一种方式，它会在左侧菜单列之后开始，并且图像将根据屏幕尺寸的宽度和高度进行调整。

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

4

2 回答 2

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%;
}
于 2012-06-17T12:17:47.430 回答
2

试试这个：

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

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

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

于 2012-06-17T12:34:16.093 回答