三栏布局一般指的是页面中一共有三栏， 左右两栏宽度固定，中间自适应的布局 ，三栏布局的具体实现：
利用浮动和负边距来实现。父级元素设置左右的 padding，三列均设置向左浮动，中间一列放在最前面，宽度设置为父级元素的宽度，因此后面两列都被挤到了下一行，通过设置 margin 负值将其移动到上一行，再利用相对定位，定位到两边。
CSS 使文字固定宽度，首先我们需要给包裹文字的这个元素一个width和height，如果是行级元素的话，需要使用display:block,改成块级元素，然后在设置宽高就行，请看代码：<html>
<head>
<style>
#div1{
width:300px
height:30px
font-size:13px
}
</head>
<body>
<div id='div1'>
<p>我是测试文字</p>
</div>
</body>
</html>
