一个HTML设置元素宽度的问题

这个50%是相对什么来的？ 如果外层没限制宽度，50%完全可能超过490px，如果确定50%<490px的话，在标准浏览器里可以用 width:50%,max-width:490px；非标准浏览器就只能用js控制了。

直接设定

表格

的高度跟

宽度

sample:<table width="600px"

height="300px"><tr><td></td></tr></table>这样会生成一个宽度为600

像素

高度为300像素的一个表格.不会随网页

大小

改变

1,使用传统的方法

<table width="400">

<tr>

<td width="100"></td>

<td width="100"></td>

<td width="100"></td>

<td width="100"></td>

</tr>

<table>

2,使用css

<style>

.td{width:100px}

</style>

<table width="400">

<tr>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

</tr>

<table>

以上两种方法可能出现的问题就是,如果内容超过设定,如图片宽度大于100,会自然撑开,自动调节表格宽度

3,用css

<style>

.td{width:100pxoverflow:hidden}

</style>

<table width="400">

<tr>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

</tr>

<table>

用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节....

---