導航:首頁 > 萬維百科 > 網頁設計固定div塊不動

網頁設計固定div塊不動

發布時間:2020-11-02 00:15:40

1、網頁設計中,怎麼樣用div來控制每一塊的位置?

CSS position 屬性 通過使用 position,我們可以選擇 4 種不同類型的定位,這會影響元素框生成的方式。 position 屬性值的含義: static 元素框正常生成。塊級元素生成一個矩形框,作為文檔流的一部分,行內元素則會創建一個或多個行框,置於其父元素中。 relative 元素框偏移某個距離。元素仍保持其未定位前的形狀,它原本所佔的空間仍保留。 absolute 元素框從文檔流完全刪除,並相對於其包含塊定位。包含塊可能是文檔中的另一個元素或者是初始包含塊。元素原先在正常文檔流中所佔的空間會關閉,就好像元素原來不存在一樣。元素定位後生成一個塊級框,而不論原來它在正常流中生成何種類型的框。 fixed 元素框的表現類似於將 position 設置為 absolute,不過其包含塊是視窗本身。

2、網頁設計中做了書簽,然後用div把書簽position:fixed固定了,不能連接書簽,怎麼實現點

我能理解為你想點擊書簽跳轉到你想要的位置嗎?
如果是這樣的話,給你想要跳轉的標簽添加id
書簽給a標簽 <a href="#id">書簽</a>這樣打個錨點就能跳轉了

3、網頁製作,前面一個div高度自動,後面高度固定的div就會出現亂排,為什

只有後邊跟隨前邊的,沒有前邊跟隨後邊的,你前一個自動,如果內容不夠或者沒有的時候高度就會是0,後邊就默認你這個是一條線,然後就會亂排。

4、網頁製作:如何實現把某一個DIV固定在頁面的某個地方

使用絕對定位可以事項這個功能,即position: position:absolute; 然後在設置DIV相對與父容器的位置,例如下面專這個例子實現屬將DIV定位在瀏覽器的左上角 <style type="text/css"> #top { width:400px; height:400px; background-color:#ff0000; position:absolute; left:0px; top:0px; } </style> <body> <div id="top" > </div> </body>

5、請教網頁製作高手,固定了div的大小,更改div裡面content的padding值,為什麼div也會變?

width表示的是你的內容的寬度,而padding是內邊距,是除內容外的部分到邊線的距離,專margin是外邊距,是表屬示邊線外面與另一個盒子之間的距離。
不論你如何設置內邊距和外邊距,width如果寫好了,那麼放載內容的寬度始終是width的值。
但是,這整個的div占的地方就不一樣了。會隨著內邊距、外邊距、邊線、width的改變而改變。
如果你想讓這個div占的地方始終不變,那麼你需要給這個div裡面再寫一個div,並且不設置width和height,只寫內外的邊距,這樣,不論你如果設置裡面的div的內外邊距(只要總的大小不超出外面div的width和height),外面的div的大小都不會再改變了。

6、關於網頁製作中div的問題

我來給簡單的你描述一下吧,這都是我個人的體會,未必全對呵。

網頁設計最主要的是布局。

當然網頁設計有很多的知識點,但從一個靜態的網頁開始,網頁最關鍵的一個知識點應該是布局,因為網頁製作不同於Word,它不可以隨心所欲的在任意位置、任意方式添加任意的元素,比如文字、圖畫、動畫等。

於此同時,早期網頁製作時,你也不方便進行文字格式的控制,字體的大小、顏色、行距等等。

這主要是因為網頁製作的HTML語言過於單一的原因。於是,後來就引入了CSS,CSS是一種層疊樣式表語言。簡單的說,它豐富了網頁製作的格式。

舉個簡單的例子,CSS可以精確到點來控制字體的大小、行距,這是從前很難實現的。

再一點,布局,從前我們都是用表格來布局,本來,這是一個很好的思想,看過一些日韓的網頁源碼,人家將表格布局發揮到了極致,用表格布局實現了很多意想不到的布局效果,他們一般先用Photoshop設計出網頁的整體效果,然後再把元素分解,進而通過表格組合成最終的網頁,這種設計理念雖然比較費工時,但整體上很完美,值得我們借鑒。

但表格布局也有它的局限,比如下載速度慢,不能實現網頁樣式的轉換,比如網站的改版就得重新全部網頁代碼。

同時,人們也需要表達更炫的頁面,這時,就引入了DIV的理念,也就是「層」的理念,這是一個很瘋狂的想法。

從前層還只是平面設計的一個概念(具體就不再描述了),現在引入到網頁設計之中,自然需要進行一些再加工。

首頁,網頁的層並不是任意和隨心所欲的一個層,它需要你事先規劃好,這個層定位在哪兒,多寬多高,有什麼樣的樣式,與其它層的位置關系,是疊加還是繞排,等等,都需要事先想好。

這是一個需要整體想像和周密計劃的工作,所以,現在看到的CSS+DHTML網頁都還是比較簡單的。因為如何太復雜,工作量就太大了。

字打的太累了,給你舉個例子,你慢慢分析先,http://www.armstrong.com/home/us/en/

將這個網站源碼打開,一點點分析人家的做法,會受益的,估計有一周的時間,你會明白很多的。

7、製作網頁時為什麼右邊的div總在左邊的div下邊?而不右上邊呢?也設置了浮動了!

你那個背後的背景色是什麼情況? 你吧右下的DIV放入大DIV了嗎?

有問題可以追問哦

8、在網頁設計里,怎樣把div固定大小,不因內容而改變的大小

style樣式里設置完寬高以後再加個屬性,寫溢出隱藏 overflow:hidden;

9、製作網頁時,用div將其分成左中右三塊,現在我要按左塊中的定按鈕,使中間塊的頁面動態顯示,要怎麼辦

這個很簡單啊 框架就可以啊 或者taget直接在按個div中顯示

與網頁設計固定div塊不動相關的知識