两个外部 div 需要始终保持特定大小,因为中心 div 需要适合外部 div 之间的空间。有人能指出我正确的方向吗
最佳答案
这是使用前面提到的 html 的一个,尽管 jQuery 会收集两侧 div 的宽度并从容器中减去它们的宽度,然后将其分配给中心 div。我假设你需要它而不是百分比宽度,否则你可以只分配给它们。我还计算了左侧和右侧的宽度,以考虑您想要制作不同尺寸的可能性。这也不是响应式的,因此它会根据页面加载进行计算,但如果您调整屏幕大小,它就会崩溃。
$(document).ready(function () {
var contWidth = $('#container').width();
var leftWidth = $('.left').width();
var rightWidth = $('.right').width();
var finalWidth = contWidth - leftWidth - rightWidth;
$('.content').width(finalWidth);
});
关于css - 三个 div 并排,内部 div 宽度为 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24376781/