第2个回答 2015-07-24
使用任何语言制作的HTML页面其元素位置均遵循Html元素的流式布局规范。
Html元素分为行内元素,行内块元素,块元素,表格元素和列表项,典型的行内元素如img, a, strong等,行内块元素则如input, button, select等,块元素如div, p, form, ul, li等,表格元素是table, tbody, tr, td等,列表项包括ul, li等。
通常,块元素具有高宽,默认情况下独占一行或多行,而行内元素没有特定的高宽,而是由内容决定宽度,此类元素不会独占一行。行内块元素具有行内元素的特性,即不会独占行,但是又可以同时具有高度和宽度。
默认的,html元素按照前后顺序及嵌套顺序依次显示,只有在遇到块元素或<br>换行标志时才进行换行,否则会排列至最大宽度后自动在下一行继续显示。
此外,依靠css样式可以改变元素的显示模式,如display: block表示将元素作为块元素显示,同时,position属性的改变也能影响到元素的位置,如设置元素的定位方式为position:absolute(绝对定位)和position:fixed(固定位置,相对于浏览器窗口)会使元素显示到指定的位置,而不考虑上下文关系。