gpt4 book ai didi

html - 带边框的液体人造柱

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

我正在设计一个 2 列的 HTML5 界面(向后兼容性并不重要,所有用户都将使用最新的 Chrome/FF),左侧是侧边栏,右侧是主要内容区域。

我希望边栏具有背景色和右边框(类似于 OS X Finder 边栏)。我希望背景和边框延伸到页面底部,即使页面内容不足以将页面扩展到该大小。我还希望将边栏设置为百分比,而不是设定的像素数量。

通常情况下,我会使用人造柱,在这种情况下甚至是液体人造柱。但是我想在列的右侧有一个边框,我不确定这是否可行/如何实现。

理想情况下,我完全可以在没有图像/人造列的情况下完成所有这些工作。是否有允许这样做的 CSS3/HTML5 功能(如我所说,向后兼容性不是问题)?如果不是,除了将侧边栏固定大小外,还有其他解决方案吗?

最佳答案

我认为这表明您正在寻找什么。如果您对这个示例的工作原理有任何疑问,请随时提问! :)

http://www.thechoppr.com/2009/02/09/2-column-fluid-layout-100-height-with-leftright-sidebar

关于html - 带边框的液体人造柱,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10790137/

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