當前位置:首頁 » 網頁前端 » 前端寬固定高變滾動條
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端寬固定高變滾動條

發布時間: 2022-04-14 22:57:32

『壹』 css表格,如何使表格內的單td列寬度固定,且表格總體帶滾動條

給你提供個思路,在表格里套表格:把除第一行和第一列外的td合並,然後在裡面添加一個
<div>
<table>
</table>
</div>

其中table里放什麼東西自己定,最後設計CSS:
給div設定一個寬度和一個高度,並設置overflow:auto;屬性

這樣就會根據你table里的內容自動出現滾動條,但有一點,滾動條是在div標簽出現,而不是你提供的圖片那樣(在外部表格的"局部"出現(這種估計實現不了))

『貳』 如何在div+css中設置div的寬和高,同時讓他橫向和縱向出現滾動條,且滾動條的顏色改變

語法:overflow :visible|auto|hidden|scroll參數:visible :不剪切內容也不添加滾動條。假如顯式聲明此默認值,對象將被剪切為包含對象的window或frame的大小。並且clip屬性設置將失效auto :此為body對象和textarea的默認值。在需要時剪切內容並添加滾動條hidden :不顯示超過對象尺寸的內容scroll :總是顯示滾動條 例子:div { overflow: scroll; height: 100px; width: 100px; }

『叄』 一個頁面左側寬度固定,右側自適應,右側div里的圖片(上傳的)太寬,把頁面撐開,出現橫向滾動條。怎麼辦

樓主,關於你的問題我測試了IE7-IE9,沒你說的那樣測試沒有問題。顯示正常,請問您在添加圖片時,圖片有寬度或高度么?有的話樣式改變不了的。

或是檢查下是不是哪裡報錯了導致。

希望我的回答能幫到你,不實現看到情況也很難找到問題所在。

『肆』 兩欄div高度固定等高,左側內容固定,右側內容超出時可隨滑鼠或屏幕滾動條滾動,不顯示滾動條。

overflow:scroll;就行了,

設置好固定寬高,,內容超出後就會出現滾動條了。。。

『伍』 更改div背景圖片 background-image尺寸超過div(固定寬和高)時, 能否讓div自動出現滾動條

用JS,這樣做~
1.外面加一個外層暫且叫做A層,這個層的高度不變,固定的~就是你需求中的寬和高,並且要把A層的css設置為overflow:auto;
2.然後在這個層裡面再加一個層,暫且叫做B層。然後你獲取背景圖片的寬和高(用JS獲取)
3.然後有了寬和高之後用這個寬和高去設定B層的寬和高,這樣如果背景圖比DIV大了的話就出現滾動條了~

『陸』 在網頁中如何設置滾動條的寬度

方法1:代碼:html
{
overflow-y:
scroll;
}
原理:強制顯示ie的垂直滾動條,而忽略水平滾動條優點:完全解決了這個問題,
允許你保持完整的XHTML
doctype.
缺點:即使頁面不需要垂直滾動條的時候也會出現垂直滾動條。方法2:代碼:html
{
overflow-x:
hidden;
overflow-y:
auto;
}
原理:隱藏橫向滾動,垂直滾動根據內容自適應優點:在視覺上解決了這個問題.在不必要的時候,
未強制垂直滾動條出現.缺點:只是隱藏了水平滾動條,如果頁面真正需要水平滾動條的時候,屏幕以外的內容會因為用戶無法水平滾動,而看不到。方法3:代碼:body
{
margin-right:
-15px;
margin-bottom:
-15px;
}
原理:這會在margin的水平和垂直方向上添加一個負值,
IE添加了該精確數值後,
便會去除對滾動條的需求假象.優點:在視覺上解決了這個問題.,垂直滾動根據內容自適應缺點:由於"人為創建"了15px的外邊距(margin),
所以無法使用該填充過的屏幕區域.

『柒』 怎樣讓div 始終顯示滾動條,即使內容沒有超過定義的寬或高

設置div的寬度與高度,overflow-y:scroll;Y軸方向不管文字有沒超出范圍,div都會顯示滾動條如下圖:

『捌』 如何使DIV的高度固定,當超出固定高度時,出現自動滾動條

使用關鍵代碼:overflow-y: auto,並且限制高度實現功能。

實例演示如下:

1、Html代碼如下:一個簡單的div,暫時內容為空。



『玖』 怎麼樣在div+css中設置一個div的框並出現滾動條

1、打開dw,新建一個html頁面,進入html頁面編輯。

『拾』 怎麼設置一個div固定高和寬,然後把裡面的文本段落用滾動條顯示

當有固定寬高時給容器div的css加一句:overflow:scroll;即可出現
滾動條

滾動條美化的問題:
網路下
ie滾動條顏色在線生成
有很多現成的,在裡面選好顏色,把生成的代碼也放到你的容器div樣式表中即可(正如的看到的,是ie滾動條在線生成,是ie專有屬性,此效果在其他瀏覽器中無效)
如果要保證其他瀏覽器下也有效的話只有搬js出來模擬了,要麻煩些,網路:js模擬滾動條