gpt4 book ai didi

css 2列但无论div高度如何都具有全高

转载 作者:太空宇宙 更新时间:2023-11-03 19:20:55 25 4
gpt4 key购买 nike

我尝试过许多 2 列和 3 列的 css 布局,但似乎没有一个能满足我的要求,而且我无法弄明白。

我想要实现的是有效的两列显示,左侧(例如 160 像素宽)的背景为灰色,页面的中央部分(例如 600 像素)为白色,其余部分为右边的页面与左边的页面相同(灰色)。注意,我说灰色是为了简单起见,我实际上需要这样的东西:background="rgb(220,220,220) url('../images/bg.png') repeat-x;"

这是一个 1 像素宽、400 像素高的图像,呈现出“渐变灰色”的外观。

但是,我需要每个部分的颜色重复到浏览器窗口的底部,而不仅仅是最高 div 的高度。我找到的所有示例都在底部使用页脚/div 将 div 对齐到相同的高度(或类似的方法),如果内容小于浏览器的高度,它就会停在那里。

有人能帮忙吗?

顺便说一句,我不想​​通过提供滚动条的巨大高度来作弊。另外,当我说背景颜色为灰色时,我目前有一个 400 高度的白色到灰色褪色的 1 像素宽的图像,我将其叠加在灰色之上以模拟渐变。

最佳答案

<html>
<head>
</head>
<body style='background:#eeeeee'>
<div id='col1' style='width:160px; background:#eeeeee; height:100%;
float:left;'>hi</div>
<div id='col2' style='width:600px; background:#ffffff; height:100%;
float:left;'>hi</div>
</body>
</html>

为你工作?不过,它确实在顶部和底部留下了一点缝隙。

关于css 2列但无论div高度如何都具有全高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3955511/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com