HTML 元素的預設值
元素可以使用的頂部,底部,左側和右側屬性定位。然而,這些屬性無法工作,除非是先設定position屬性。他們也有不同的工作方式,這取決於定位方法。
static 定位
HTML 元素的預設值,即沒有定位,遵循正常的文件流物件。
靜態定位的元素不會受到 top, bottom, left, right影響。
例項
div.static {
position: static;
border: 3px solid #73AD21;
}
https://zhuanlan.zhihu.com/p/341817517
嘗試一下 »
fixed 定位
元素的位置相對於瀏覽器視窗是固定位置。
即使視窗是滾動的它也不會移動:
例項
p.pos_fixed
{
position:fixed;
top:30px;
right:5px;
}
嘗試一下 »
注意: Fixed 定位在 IE7 和 IE8 下需要描述 !DOCTYPE 才能支援。
https://www.meipian.cn/3ckge7ko
Fixed定位使元素的位置與文件流無關,因此不佔據空間。
Fixed定位的元素和其他元素重疊。
relative 定位
相對定位元素的定位是相對其正常位置。
例項
h2.pos_left
{
position:relative;
相關文章
- HTML常用元素的預設值HTML
- HTML元素的預設CSS設定介紹HTMLCSS
- jQuery reset重置表單元素預設值jQuery
- js的表單元素的defaultValue預設值簡單介紹JS
- ${VAR:=預設值}和${VAR:-預設值} 區別
- html預設的樣式HTML
- HTML元素設定可拖拽HTML
- 【譯】GOPATH 的預設值Go
- jQuery如何設定元素的屬性值jQuery
- sqlserver 修改列的預設值SQLServer
- 表列新增預設值的方法
- HTML————3、HTML元素HTML
- input元素預設選中設定
- HTML元素HTML
- 【C++】引數的預設值C++
- css的border屬性預設值CSS
- php中的html元素PHPHTML
- html中select標籤重新整理後不回到預設值而是保持之前選擇值HTML
- Laravel 生成 url,預設值Laravel
- HTTP請求預設值HTTP
- HTML <img> 元素HTML
- HTML p元素HTML
- HTML <p> 元素HTML
- HTML form 元素HTMLORM
- HTML fieldset元素HTML
- HTML 元素(轉)HTML
- 表單元素預設值感應滑鼠點選清空和重置程式碼例項
- sql設定欄位預設值SQL
- django 設定預設值到SQLDjangoSQL
- [HTML] html5新增的結構元素HTML
- Python中的預設引數值Python
- Oracle中NLS_LANG的預設值Oracle
- SQL SERVER檢視列的預設值SQLServer
- Navicat for MySQL 15使用教程:何時使用預設值以及如何選用恰當的預設值MySql
- HTML5新增的元素和廢除的元素HTML
- html塊元素和內斂元素的區別HTML
- C#實現函式預設值和C#4.0實現預設值C#函式
- HTML 空元素 And 可替換元素HTML