如何讓DIV隨著左右滾動條移動,而上下滾動條保持不變?
1。在頭部定義壹個div,固定高度,設置絕對位置(position:absolute),設置上邊距(top:0);2.在底部定義壹個div,固定高度,設置絕對位置(position:absolute),設置下邊距(bottom:0);
3.在中間定義壹個div並自動設置滾動條(
溢出:
auto);
設置絕對定位(position:absolute),設置top和bottom,top的值等於頭div的高度,bottom的值等於底div的高度。
例子
壹個
2
三
四
五
六
七
八
九
10
11
12
13
14
15
16
17
18
19
20
21
22
#page{margin:0
自動;寬度:960px}
#header{width:960px;
高度:60px
位置:絕對;
top:0;背景色:#ccc}
#頁腳{width:960px;
高度:30px
位置:絕對;
底部:0;
背景色:#ccc}
#content{width:960px;
溢出:
自動;
位置:絕對;
頂配:60px
底部:30px}
p產生的滾動條怎麽回到頂部?
我話少,直接上代碼,html代碼比較亂,主要為了產生垂直滾動條,看js就Ok了,jquery.js自行下載,就不提供了,soeasy!其實說白了就是控制這個p的垂直滾動條的偏移,這裏回到頂部,所以就設置成0。順帶著也把頁面的垂直滾動條也移到了最頂端。
CSS+DIV做滑動門菜單,和TAB式選項卡菜單,要詳細步驟?
妳用dreamweavercs4的那裏有現成的,直接在編輯器裏創建就行了,具體步驟插入—spry—菜單欄,選項卡式面板,折疊式等,很多,,然後如果妳會css+p的話可以把他們放到妳想用的位置,找到相應代碼修改下妳想要的顏色就可以了,另外說壹下,在cs4裏,妳直接按住alt直接可以轉到標簽(相應css),希望可以對妳有所幫助
如何使用JS控制DIV內容的滾動條?
1、首先需要新建壹個HTML文檔,這裏設立壹下基本的架構。
2、再新建壹個CSS文件,用link關聯壹下HTML文檔。
3、創建DIV標簽,並且往裏面填充內容。
4、先設定壹下滾動條內框的大小。6、overflow-y:scroll;overflow-x:scroll;加上這個樣式滾動條就會出現了。
cssp固定壹個p使這個p不隨著網頁的滾而滾動,就是把這個p固定在壹個位置任何時候都在壹個位置?
1、需要使用固定定位才能做到這樣的效果。具體方法是首先打開html編輯器,首先設置壹個容器p,然後設置壹個用來演示效果的p,分別設置class屬性名為container和fixed:
2、在style標簽中設置樣式,設置container的position屬性為相對定位,並且給它壹個很高的高度,然後給fixed設置高度和寬度,以及顏色等屬性,這裏的重點是設置position屬性為fixed,以及設置top和left屬性控制p的位置,設置完成後保存文件:
3、打開瀏覽器,可以看到p並且可以觀察到進度條是最上面的:
4、接著將進度條拉倒最下面,可以發現p還是在原來的位置保持不變。以上就是用fixed屬性設置p固定位置的方法:
如何使用css+p實現區塊凹進去?
妳說的凹進去是不是跟文本編輯器的自動換行那個壹個意思啊,如果內容多的活,自動就換行,如果不設置自動換行,就會有滾動條出現,
其實這個很簡單啊,只要妳設定了寬度,自然就不會隨著頁面寬度的改變而改變。如果妳不設置寬度的話,就會自動換行。
比如:
..
這樣的話,不管頁面怎麽動,p始終是1000px,不會變。如果想要有滾動條的話,還得加上:overflow:scroll;也寫在style裏面。