當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > css static靜態定位屬性

css static靜態定位屬性

2012/11/27 10:28:03作者：佚名來源：網絡

移動端

【實例介紹】

css static靜態定位屬性

如果沒有指定position屬性值，支持position屬性的html對象都是默認為static。static是默
認值，它表示塊保持在原本應該在的位置，不會重新定位。通常此屬性值可以不設置，除非是
要覆蓋之前的定義。

【基本語法】

【語法介紹】

【實例代碼】

下面給出一個實例代碼，沒有設置任何position屬性，相當于使用static方式的頁面，其代
碼如下。

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>position屬性</title>
<style type="text/css">
body{
 margin:20px;
 font :Arial 12px;
}
#father{
 background-color:#FF9900;
 border:2px dashed #000000;
 padding:20px;
}
#block1{
 background-color:#FF99FF;
 border:1px dashed #000000;
 padding:10px;
}
</style>
</head>
<body>
 <div id="father">
  <div id="block1">box1</div>
 </div>
</body>
</html>
【代碼分析】

在瀏覽器中瀏覽，效果如圖18．16所示，這是一個很簡單的標準流方式的兩層盒子。

靜態定位

【素材及源碼下載】

請點擊：靜態定位(css static) 下載本實例相關素材及源碼

標簽：定位

上一篇：css relative相對定位屬性
下一篇：css z-index空間位置

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频