CSS中DIV標簽如何實現定位單元的控制

這篇文章將為大家詳細講解有關CSS中DIV標簽如何實現定位單元的控制，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

你對CSS中DIV標簽的用法是否了解，DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的，其中所包含元素的特性由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。

DIV

DIV在編程中又叫做整除，即只得商的整數。DIV元素是用來為HTML文檔內大塊（block-level）的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的，其中所包含元素的特性由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。

定位單元的控制

（width、height、visiblility）
除了控制定位單元的左上角位置，你還可以控制單元的寬度和高度，及單元在頁面的可視性。

寬度：

定位了的要素在頁面上顯示時仍然會從左到右一直顯示。利用寬度屬性就可以設定字符向右流動的限制，即設定要素的寬度。

DIV{position:absolute;left:200px;top:40px;width:150px}

瀏覽器接到這項規則時，它將文字按照規則規定的效果顯示，還將段落的***水平尺寸限制在150象素。
寬度屬性只適用于絕對定位的要素。你可以使用我們學過的任何一種長度單位，或使用比例值設定寬度，比例值指相對于母體要素的比例。IE4中，這項屬性還可用于圖像。你可以通過寬度設置人為地拉寬或壓縮圖像。

高度：

理論上講，高度應該和寬度的設置類似，只不過是在垂直方向上：

DIV{position:absolute;left:200px;top:40px;height:150px}

這里我用了“理論上講”，因為有些瀏覽器不支持高度屬性。

可視性：

利用CSS，你可以隱藏要素，使其在頁面上看不見。這條屬性對于定位了的和未定位的要素都適用。
H4{visibility:hidden}

選項：

visible使要素可以被看見

hidden使要素被隱藏

inherit指它將繼承母體要素的可視性設置。

值inherit為缺省值。這使單元繼承父單元的可見性。所以，如果某一段是隱藏的，則它包含的任何行間單元也都被隱藏。這一繼承性可被明確指定的可見性取代。例如，段內的EM單元被指定為可見，這時如果該段被隱藏，則段內的所有其它內容都將消失，而唯有EM單元中的文本是可見的。

當一個要素被隱藏后，它仍然要占據瀏覽器窗口中的原有空間。所以，如果你將文字包圍在一幅被隱藏的圖像周圍，那么，其顯示效果將是文字包圍著一塊空白區域。此新聞
這條屬性在編寫語言和使用動態HTML時很有用，比如你可以使某段落或圖像只在鼠標滑過時才顯示。

關于“CSS中DIV標簽如何實現定位單元的控制”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。