Javascript 我的网页div未正确设置动态宽度
我有两个工具栏,屏幕两侧各一个,还有一个主内容区。我不希望它必须侧滚,因为这是可悲的,所以我试图找出是否有人可以帮助我设置它 我目前的尝试是:Javascript 我的网页div未正确设置动态宽度,javascript,jquery,css,Javascript,Jquery,Css,我有两个工具栏,屏幕两侧各一个,还有一个主内容区。我不希望它必须侧滚,因为这是可悲的,所以我试图找出是否有人可以帮助我设置它 我目前的尝试是: $("#main").css("width", window.outerWidth - $("#t1").width() - $("#t2").width()); 问题是,由于利润率的原因,它仍然太大。我应该做outerWidth而不是width,就像我做window一样,还是有一个jquery命令可以做到这一点 谢谢 这里有一个基本的小提琴:它的设
$("#main").css("width", window.outerWidth - $("#t1").width() - $("#t2").width());
问题是,由于利润率的原因,它仍然太大。我应该做outerWidth而不是width,就像我做window一样,还是有一个jquery命令可以做到这一点
谢谢
这里有一个基本的小提琴:它的设置不同,但它的想法是存在的。我只是不知道怎么做
当我用小提琴越来越深地修补时,我相当肯定我已经在我给出的例子中找到了答案。derp Standby,同时查看是否可以将相同的内容应用于代码
该示例不适用于我的代码,但对于main和attributes,border都设置为2px左右。减去8个像素的分辨率。从我的头顶上,我认为外套宽度可以。如果没有,您可以通过
.style
属性找到边距值,但这并不理想
您应该注意的一件事是,如果动态设置窗口宽度,并且您确实讨厌水平滚动,则应调整窗口大小。您也可以将上述函数放入
$().resize()
函数中,以确保宽度始终在窗口内,并用cssminwidth
补充此函数,使其不会变小。您不需要JavaScript来避免滚动条。这是一个布局宽度,两个固定宽度的列和一个液体列
以下是您布局的“骨架”,以响应的方式:
<div id="window">
<div id="column-sx"></div>
<div id="main"></div>
<div id="column-dx"></div>
</div>
这样,它将永远不会“中断”,也不会导致水平滚动条
无论如何,您可能希望为#main contents设置最小宽度
,并为内容添加另一个容器,而不是使用*
修改代码后Yes,您可以考虑outerWidth
$(“#main”).css(“width”,window.outerWidth-$(“#t1”).outerWidth()-$(“#t2”).outerWidth())代码>奇数。这使我在正确的方向上有4个像素的差异,但我仍然确信我的分辨率大约为20px。你可以设置一个完整的代码吗?当然,请稍等,我会让你知道我只是想解释不同的显示器尺寸。我不想设置页边距的样式,但我想我可能会这样做,尽管正如您所说,这并不理想。例如,.resize()是否适用于他们获取页面并将其从全屏中删除以转到其他显示器的情况。这个功能会启动吗?这是一个很好的答案。在我添加的其中一个编辑中,也有一个关于边框宽度的问题,这与我的工作方式有关。你的方法实际上是用硬编码的数字来处理,但它仍然有效。它还可以通过非常简单的格式设置来完成此操作。:)非常感谢。不客气:)无论如何,如果你对边框有问题,谷歌“框大小:边框框”
#window {
width:100%;
overflow:hidden;
}
#column-sx {
width:54px;
float:left;
}
#column-dx {
width: 140px;
float:right;
}
#main {
width:100%;
float:left;
margin-right:-194px; /* left + right col width */
}
#main > * {
margin-right:194px; /* left + right col width */
}