html小说阅读页面,html页面布局

布局的常用方法有几下几种

一，float布局

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 css 中，任何元素都可以浮动。

浮动元素会生成一个块级框，而不论它本身是何种元素。

属性值：

float:left        元素向左浮动。

float:reght     元素向右浮动。

float:none     默认值。元素不浮动，并会显示在其在文本中出现的位置。

float:inherit   规定应该从父元素继承 float 属性的值。

float案例：

效果：(如果不用浮动div块将会一次垂直往下排列)浮动后的块元素可以用magin或pading来留白修饰来使其美观。

二、absolute布局

absolute译为绝对的，absolute是postion属性一个属性值。当一个元素使用绝对定位时，这个元素将不受页面的布局影响

可以根据自己的需求来改变其位置，来完成一些不规则的页面布局：

属性值：

postion：absolute     生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom