html页面字段怎么排版,HTML排版(示例代码)

HTML排版总结

浏览器使用流在页面中放置元素。

块元素从上向下流 ， 各元素之间有一 个换行。 默认的，每个块元素会占浏览器窗口的整个宽度。 内联元素在块元素内部从左上方流向右下方。 如果需要多行 ， 浏览器会换行 ， 在垂直方向上扩展外围块元素 ， 来包含这些内联元素。

正常页面流中两个块元素上下相邻的外边距会折叠为最大外边距的大小，或者如果两个外边距的大小相同，则会折叠成一个外边距。

浮动元素会从正常流中取出 ，浮动到左边或右边。浮动元素放在块元素之上，不会影响正常的页面流。不过 ， 内联内容会考虑浮动元素的边界 ，围绕着这个浮动元素。

clear属性用来指定 一 个块元素左边或右边 (或者左右两边)不能有浮动元素。设置了clear属性的块元素会下移 ，直到它旁边没有块元素。

浮动元素必须有特定的宽度，不能设置为auto。

流体布局是指，扩展浏览窗口时， 页面中的内容会扩展以适应页面．

冻结布局是指 ， 其中内容的宽度是固定的， 不会随着浏览器窗口扩展或收缩．这有一 个好处 ， 可以对设计提供更多控制 ， 不过也要付出代价 ， 这样就不能有效地使用浏览器宽度了。

凝胶布局是指 ， 其中内容宽度是固定的， 但是外边距会随着浏览器窗口扩展或收缩． 凝胶布局通常’会把内容放在中央。这与冻结布局有同样的好处，不过通常更美观。

position属性可以设望为4个值：static(静态的，这是默认属性)，absolute(绝对的)，fixed(固定)和(relative)(相对的)

静态定位是默认

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！