不知題主說的是怎樣的不動
static相對瀏覽器窗口定位,生成絕對定位元素,脫離文檔流
具體位置的調整是用top、left、right、bottom也可以使用margin調整
適用于:浮動廣告,浮動菜單,
2. absolute
絕對定位,同樣脫離文檔流,相對于第一個 position 不為 static 的父級元素,同樣通過top、left、right、bottom、margin調整位置
經常與 relative 相對定位標簽結合使用,實現相對于該標簽的絕對定位效果,例如大部分網站的搜索下拉菜單效果通過和margin 負值結合也是垂直居中常用的方法沒有定位值的absolute 可以實現自適應布局(圖片等寬度固定用absolute 定位,用 margin 或 padding 撐開與用來描述的標簽的距離測試了一下這樣做:設置line-height的值和text的height值一樣,就可以達到垂直居中的效果了,而左邊留一點空,可以設置padding值,測試代碼如下:<inputtype="text"style="width:100px;height:100px;line-height:100px;font-size:larger;text-align:left;padding:0008px"/>
可以用“text-align”屬性和“line-height”屬性。
1、新建html文件,在body標簽中添加div標簽,在div標簽輸入文字,這里以“演示文本”為例,給div標簽設置寬度、高度和背景色屬性,屬性值分別為200、100和灰色,這時“演示文本”默認位置為div盒子的左上方:
2、這時給div標簽添加上“text-align”屬性,屬性值為“center”,這時文字將會在div容器中水平居中:
3、這時給div標簽添加行高“ling-height”屬性,屬性值為高度的值“100px”,再添加“vertical-align”屬性,屬性值為“middle”,這時文字將會水平垂直都居中: