gpt4 book ai didi

layout - 使用
标签实现 3 列网站的最佳方式?

转载 作者:技术小花猫 更新时间:2023-10-29 12:01:29 24 4
gpt4 key购买 nike

<分区>

我正在使用如下布局开发一个 3 栏网站:

    <div id='left'   style='left:      0; width: 150px; '> ... </div>
<div id='middle' style='left: 150px; right: 200px' > ... </div>
<div id='right' style='right: 0; width: 200px; '> ... </div>

但是,考虑到 <DIV>'s 的默认 CSS“位置”属性是“静态的”,我的<DIV>'s正如预期的那样,一个一个地显示在另一个下方。

所以我将 CSS 属性“position”设置为“relative”,并更改了“middle”和“right”的“top”属性<DIV>'s到 -(减去)前一个 <DIV> 的高度.它工作得很好,但是这种方法给我带来了两个问题:

1) 即使 Internet Explorer 7 正确显示三列,它仍然保持垂直滚动条,就好像 <DIV>'s一个放在另一个下面,内容结束后有很多空白。我想要那个。

2) 这些元素的高度是可变的,所以我真的不知道为每个 <DIV> 设置哪个值的“顶级”属性(property);而且我不想对其进行硬编码。

所以我的问题是,实现此布局的最佳(简单+优雅)方式是什么?我想避免绝对定位,我也想保持我的设计无表格。

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