gpt4 book ai didi

css - 欢迎来到匿名 HTML 表格

转载 作者:行者123 更新时间:2023-11-28 03:38:58 24 4
gpt4 key购买 nike

<分区>

Hl,我的名字是储蓄者,我有一个问题。我只是忍不住用 <table>秒。我上瘾了,这对我来说是个问题。我需要一些支持,需要一些聪明的网页设计师来告诉我错误的做法。

2 列布局

所以我正在尝试制作一个简单的两列布局:左侧导航,右侧内容。一张快速的 table ,我很高兴去。

<table>
<tr>
<td valign="top"><!-- Navigation --></td>
<td valign="top"><!-- Content --></td>
</tr>
</table>

对结果相当满意。内容在页面流中。我可以指定单元格的宽度,让它们扩展以填充空间,或缩小以适合内容。但是一旦我开始引入嵌套表(当然是为了合法的表格数据)......标记变得丑陋且难以阅读和维护。此外,我所有的网页设计师 friend 都诉诸于点名。

那么我的选择是什么?我比较喜欢position:absolute; .只需一点点 CSS...

.left { position:absolute; top:0; bottom:0; left:0; width:200px; }
.right { position:absolute; top:0; bottom:0; left:200px; right:0; }

...和最小的 HTML 标记...

<div class="left"><!-- Navigation --></div>
<div class="right"><!-- Content --></div>

滑溜溜的!标记清晰,设计流畅。但是现在我尝试在我光滑的两列下面添加一些东西,我遇到了 thorough mess (jsFiddle) .我不是在页面流中工作,但我不知道我的内容会有多高!所以我不能指定高度。我很容易放弃...所以让我们试试别的吧。

老实说:float吓到我。标记读起来不是很明显, float 元素似乎有自己的想法,用险恶的动机在边缘情况下破坏我的设计。 Consider this jsfiddle.我仍然没有在页面流中工作。我想要具有流动内容的静态宽度导航?做什么?

我不认识伙计们。这些表似乎是更好的选择。有人跟我讲道理。我可能会再次使用...

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