<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></td>
<td></td>
<td></td>
<td></td>
</tr>
<table>
以上两种方法可能出现的问题就是,如果内容超过设定,如图片宽度大于100,会自然撑开,自动调节表格宽度
3,用css
<style>
.td{width:100px;overflow:hidden}
</style>
<table width="400">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<table>
用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节
@ CSS里面的overflow的用法？
根据CSS的盒模型概念，页面中的每个元素，都是一个矩形的盒子。这些盒子的大小、位置和行为都可以用CSS来控制。
该盒子的高度将会根据它容纳内容的需要而增长，这就是该添加CSS的overflow属性的时候了
@ css怎么设置滚动下拉列表样式？
1.需要用到的元素：position hover (z-index) 或（overflow）或（display）等等。
关键点就是div的溢出部分的处理。
2.实现过程：
2.1：就是要把你需要做的菜单的div，放在你触碰的那个div中
2.2：给一个定位，让他到外面去（注意两个div之间要衔接起来）
2.3：在你触碰的div设置具体的值（比如说，一开始（菜单div）的z-index是负数，当年触碰时(触碰div)z-index值变大）
如果要用z-index就需要注意poistion这个属性值。
@ 父元素使用相对定位？
除非子元素全部是绝对定位的，否则只要有静态子元素的宽度超过父元素的宽度就会撑开父元素。可以把父元素的宽度固定为100%（或100vw），并且把横向overflow属性设为hidden，这样就不会被撑开了，即：width:100%;overflow-x:hidden
