HTML表表的位置使用示例
关于CSS定位有很多文章。如果有一个元素div，其位置属性设置为绝对的，那么这个div的位置取决于其位置的值设置为相对它的父元素的元素。如果有一个元素的父元素没有位置值是相对的，绝对的，或固定，然后将div的位置作为一个参照体的位置。
但对于某些浏览器，似乎并不是每个元素都遵循此规则，并且有以下代码
CSS代码将内容复制到剪贴板。
表{
左：100px保证金；
边距：50px；
}
TD {
身高：150px；
宽度：100px；
职位：相对；
}
TD div {
身高：30px；
宽度：50px；
背景颜色：红色；
位置：绝对；
左：10px；
上图：50px；
}
这是一个位置：绝对元素
因为div元素的大小比较小，理想的情况是div始终位于最后一个TD中，但在Firefox中，div不以TD作为引用，而是主体。
因此，实现这种效果的方法是添加一个可以应用位置的元素：在TD中的相对位置，并且代码可以更改为
xml代码将内容复制到剪贴板。
<风格=位置：相对；
这是一个位置：绝对元素
这样可以确保div元素始终位于TD中。
表的相对位置示例
让我们在解决TD相对定位的实例看，我们建立两表样式：表和表
CSS代码将内容复制到剪贴板。
表2。表。
{
溢出：隐藏；
}
表头
{
职位：相对；
身高：40px；
背景颜色：# 84a9cc；
}
标题标题
{
保证金：0汽车；线高度：40px；颜色：# FFF；宽80px；文本对齐：中心；字体大小：14px；
}
标题添加
{
背景颜色：# 488fd2；
颜色：# ffffff；
光标：指针；
身高：20px；
行高：20px；
填料：10px；
位置：绝对；
错误：0；
文本对齐：中心；
顶部：0；
宽度：45px；
}
标题搜索
{
背景颜色：# FFF；
身高：30px；
行高：20px；
位置：绝对；
错误：80px；
文本对齐：中心；
上图：5px；
宽度：200px；
}
表>。身体，身体。表>。
{
边境：1px solid # bcc6d0； /边框样式：无固固固； /背景颜色：# FFF；
}
标题搜索>输入
{
边界：无；
边境：1px solid # bcc6d0；
颜色：# 666666；
字体大小：14px；
身高：100%；
线高度：100%；
宽度：170px；
浮点数：左；
}
标题搜索>搜索
{
浮：左；宽度：29px；身高：30px；
背景：URL（hellip； / / / hellip；图像全局/ serachblue。PNG）中心不重复；
}
TBODY TR >。
{
高度：20px；线高度：20px；
}
TH
{
显示：内联块；右边距：- 3px；
}
TH +日
{
margin-left: - 3px；
}
TD
{
填料：10px 0；显示：内联块；右边距：- 3px；
}
TD和TD
{
margin-left: - 3px；
}
其他资产。TR：nth-child（2n + 1）
{
背景颜色：# e6e5e5；
}
。表其他资产。TR：nth-child（2n + 1）
{
背景颜色：# FFF；
}
。ML30
{
左：30px保证金；
}
tr.checkbox。
{
宽度：20px；border: 1px solid # bcc6d0；高度：20px；鼠标指针；浮动：左；
}
tr.checkbox.selected。
{
背景颜色：# 488fd2；
}
。tr.checkbox >输入{类型= &lsquo；checkboxrsquo；}
{
显示：无；
}
table.body，table2.body
{
宽度：100%；
overflow-y：汽车；
}
身体。
{
保证金：0；
}
TD，TD
{
字体大小：14px；文本对齐：中心；
}
canclick。
{
颜色：# 2e5cb9；鼠标指针；
}
{。按钮
背景颜色：# 488fd2；
颜色：# ffffff；
光标：指针；
字体大小：14px；
填料：6px 10px；
}
行>提交
{
浮：错误；填充：10px 25px；
}
。btnpush >。TagRight {
背景：URL（hellip； / / / hellip；图像全局/ smalltoright。png）没有重复滚动中心# 9ec5eb；
浮点数：左；
身高：85px；
宽度：8px；
}
opcity5。
{
不透明性：0.5；
滤镜：alpha（不透明度= 50）；
}
{。搜索
背景颜色：# ffffff；
身高：30px；
行高：20px；
文本对齐：中心；
宽度：210px；
}
搜索>输入
{
边界：无；
边境：1px solid # bcc6d0；
颜色：# 666666；
字体大小：14px；
身高：28px；
线高度：100%；
宽度：170px；
浮点数：左；
}
搜索>搜索
{
浮：左；宽度：29px；身高：30px；
背景：URL（hellip； / / / hellip；图像全局/ searchwhite。PNG）中心没有重复# 488fd2；
}
tableright。
{
浮：左；margin-left: 20px；宽度：962px；
}
btnleft。
{
浮点数：左；
}
{日
字体大小：14px；
字体重量：正常；
行高：35px；
身高：35px；
}
{。textl
文本对齐：左对齐；
}
表2 TD。
{
边境上：1px solid # bcc6d0；
}
hovertag。
{
光标：指针；位置：相对；
}
tittag。
{
最小宽度：135px；身高：50px；显示：无；绝对位置；
}
。tittag >。tittag左。tittag > tittag味精。
{
浮：错误；
}
TitTag离开。tittag >。
{
宽度：15px；
身高：100%；
}
tittag味精。tittag >。
{
背景颜色：# fcffe0；最小宽度：119px；边框1px solid # bcc6d0；身高：48px；文本对齐：左；
}