建站
咨詢
售后
建站咨詢
新聞中心
本文和大家重點討論一下DIV定位單元的控制，除了控制定位單元的左上角位置，你還可以控制單元的寬度和高度，及單元在頁面的可視性等內(nèi)容。
十多年的黎川網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。網(wǎng)絡(luò)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整黎川建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)公司從事“黎川網(wǎng)站設(shè)計”,“黎川網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。
DIV定位單元的控制
?。╳idth、height、visiblility）
除了控制定位單元的左上角位置，你還可以控制單元的寬度和高度，及單元在頁面的可視性。
DIV定位單元的寬度：
定位了的要素在頁面上顯示時仍然會從左到右一直顯示。利用寬度屬性就可以設(shè)定字符向右流動的限制，即設(shè)定要素的寬度。
DIV{position:absolute;left:200px;top:40px;width:150px}
瀏覽器接到這項規(guī)則時，它將文字按照規(guī)則規(guī)定的效果顯示，還將段落的***水平尺寸限制在150象素。
寬度屬性只適用于絕對定位的要素。你可以使用我們學(xué)過的任何一種長度單位，或使用比例值設(shè)定寬度，比例值指相對于母體要素的比例。IE4中，這項屬性還可用于圖像。你可以通過寬度設(shè)置人為地拉寬或壓縮圖像。
DIV定位單元的高度：
理論上講，高度應(yīng)該和寬度的設(shè)置類似，只不過是在垂直方向上：
DIV{position:absolute;left:200px;top:40px;height:150px}
這里我用了“理論上講”，因為有些瀏覽器不支持高度屬性。
DIV定位單元的可視性：
利用CSS，你可以隱藏要素，使其在頁面上看不見。這條屬性對于定位了的和未定位的要素都適用。
H4{visibility:hidden}
選項：
visible使要素可以被看見
hidden使要素被隱藏
inherit指它將繼承母體要素的可視性設(shè)置。
值inherit為缺省值。這使單元繼承父單元的可見性。所以，如果某一段是隱藏的，則它包含的任何行間單元也都被隱藏。這一繼承性可被明確指定的可見性取代。例如，段內(nèi)的EM單元被指定為可見，這時如果該段被隱藏，則段內(nèi)的所有其它內(nèi)容都將消失，而唯有EM單元中的文本是可見的。
當(dāng)一個要素被隱藏后，它仍然要占據(jù)瀏覽器窗口中的原有空間。所以，如果你將文字包圍在一幅被隱藏的圖像周圍，那么，其顯示效果將是文字包圍著一塊空白區(qū)域。
這條屬性在編寫語言和使用動態(tài)HTML時很有用，比如你可以使某段落或圖像只在鼠標滑過時才顯示。
【編輯推薦】
- DIV定位單元中三大元素的控制
- 學(xué)習(xí)筆記 DIV定位用法詳解
- CSS樣式表高效使用八大秘訣
- 創(chuàng)建和插入CSS樣式表秘笈
- 實現(xiàn)CSS垂直居中的五大方法及優(yōu)缺點
新聞名稱：探究DIV定位單元的控制三大元素用法
網(wǎng)站URL：http://www.dlmjj.cn/article/cdchgoj.html
