1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下：
2、此时可以在软件右侧的窗口可以看到效果：
3、把外围盒子的position属性设置为relative，span标签里的position属性设置为absolute，设置top、left、right、bottom的数值，此时在右侧的窗口就会发现文字的位置已经改变了：
用Table做按你的想法：
<table>
<tr><td
class="a">哈哈</td><td>类型</td><td>价格</td></tr>
<tr><td
class="a">哈哈1111</td><td>类型</td><td>价格</td></tr>
<tr><td
class="a">哈哈111111</td><td>类型</td><td>价格</td></tr>
</table>
固定每个tr的第一个td宽度就可以了,将你最长的那个数据的宽度设为td宽度
CSS:
.a
{width:200px
}
在css中设置字体和div的位置：在css中设置字体，一般情况下，我们都是通过font这个css属性来完成，font-family:"字体名字(如：微软雅黑)"还可以使用font-size对字体的大小做限制，如font-size：12px；
div的位置，我们首先需要知道你要将你的这个div固定的位置，也就是left和top，在使用position的定位来做就行，这里给出具体的代码：
<html>
<head>
<style>
.headr{
width:300px
height:200px
border:1px solid #f00
position:absoulte
left:100px //只是假定的值，具体需测量
top:200px
}
</head>
<body>
<div class="headr" > //页头
</div>
</body>
</html>
