overflow和display的用法

2021-09-30 06:52:55 字數 476 閱讀 1105

overflow的用法:

帕蘭映像的詳解

引數:visible:不剪下內容也不新增滾動條。假如宣告此預設值,物件將被剪下為包含物件的window或frame的大小,並且clip屬性設定將失效。

auto:此為body物件和textarea的預設值。在需要時剪下內容並新增滾動條。

hidden:不顯示超過物件尺寸的內容  (在ie6與firefox都敲定高,但總是不能保持高度一致時,試試用這個)

scroll:總是顯示滾動條

display的用法:

今天遇到乙個頁面乙個

已經設定div的高度和背景色,但是的高度比div的高度要小2px,ie6中這時候會顯示背景,用display:inline就沒有背景色了

display:inline 行內顯示   display:none   不顯示,也不佔地方

display:block 塊顯示      display:hidden不顯示,但是佔地方

CSS中的position和display通俗理解

背景 一直對css中的position和display懵懵懂懂,這幾天查了一下,結合自己理解,通俗解釋如下。1 position屬性 主要分為absolute和relative。其中好理解的static為預設值,按照在html文件中順序顯示 fixed為以瀏覽器為參照。我們知道是所有元素的父節點。在...

HTML與CSS的對齊方式和display屬性

對齊方式 text align 規定元素中的文字的水平對齊方式。屬性值如下 外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳 img asqfbxh2 1603762197312 qq e6 88 aa e5 9b be20200205180655.png 注意 值 justify 可以使...

溢位overflow和空間定位z index

語法格式 overflow visible hidden scroll auto visible 若內容溢位,溢位可見 hidden 若內容溢位,溢位 不可見 scroll 保持元素框大小,在框內應用滾動條顯示內容 auto 等同於scroll,它表示在需要時應用滾動條 適用情況 當元素有負邊界時 ...