你所看到的div布局
作者:飘零雾雨 日期:2008-12-12
随着近几年来，web标准的思维被越来越多的人所接受和学习。传统的网页布局逐渐发生了变化，table布局开始慢慢的淡出人们的视线，而使用div组合css来进行的布局则异军突起。
这种情况的出现，并不是说明table是不符合web标准的，而恰恰是web标准的深化，使得大家开始慢慢去理解每个标签其本身的真实意义，table的真实用途也逐渐让大家所认知和接受。
table，顾名思义，是表格的意思，在xhtml中它也是被定义为表格。table标签其本身是用来创建表格，装载数据的。然后却正是由于表格固有的行和列特性，人们发现使用table可以很简单的就将内容固定在一个区域内，形成一个布局并搭建出web页面。然而人们在灵活使用其外在表现的同时，把它的实质作用给忽略了，似乎再也没人认为table仅仅是用来装载数据的，而“页面布局”也成了table的一个“特性”。久而久之，table就成了页面布局的“默认方式”。
有那么一批人或者组织，他们始终致力于还原html的本质，让资源被合理的使用。或许正是因为他们的努力和奔走相告，人们开始慢慢正视这个问题，并加入到这个行列里，身体力行。
Tags: DIV
如何让DIV在内容不固定的情况下宽度刚好显示完内容
作者:飘零雾雨 日期:2007-03-03
一般来说，TABLE默认情况下，TD的宽度会随着内容的变化而变化，而且宽度为内容的实际宽度，这样省去了很多容器自适应宽度的代码。
由于DIV是block级别元素，DIV的默认宽度是100%的浏览器分辨率宽度。所以在DIV里面的内容不够多时，会有一大段留白：
引用代码：
<div style="border: 1px solid #ddd;">测试DIV自适应宽度为正好能显示完内容</div>
输出效果：
测试DIV自适应宽度为正好能显示完内容
