网页左中右布局

如题。

        网页的左中右布局。实现类似于截图中的效果：

              

       我使用三个div块级元素来实现这个布局。

       外层使用一个大的div将其包住，高宽都限制。就把它们命名为div-left, div-middle,div-right吧。

       其中，div-left的width:47%;div-middle的width:6%；div-right的width:47%;

       然后，三个块级元素全部float:left;这样子就可以实现页面的基本布局。然后在div-right中使用块级元素使用float:right。文字text-align:right;然后，在div-right中使用块级元素float:left；text-align:left;

       这样实现的效果就是两边的div向中间靠拢。

       结构实现之后记得在大的div里面清除一下浮动。

      结束。