CSS定位問題，需要CSS專家

我正在構建一個測試網站，但找不到我遇到的兩個問題;這太痛苦了！（該站點需要在我還沒有添加不透明度圖像還支持非IE瀏覽器中查看，這樣就沒有多大意義）CSS定位問題，需要CSS專家

http://www.projekarkitek.com/test/

1）我已經加入的box-shadow與'插入'給身體給它一個圍繞屏幕邊緣的內部發光效果，但底部陰影只是粘在瀏覽器視口上而不是BODY，所以如果瀏覽器視口滾動條踢入，那麼底部陰影會粘到那裏瀏覽器視口本來是和不BODY留下很大的可見差距。如果我已經將盒子陰影附加到HTML上，那麼我會期待這一點，因爲這是視口，但BODY應該是整個文檔。 ARGHH！

box-shadow: 0 0 200px #cbc8cb inset;

2）我的頁腳文本（RSS等）被定位到主體的底部，但是當在高度減小瀏覽器窗口和寬度上在中間的主內容的重疊頁腳文本carrys。我意識到這是因爲中間元素是絕對定位的，因此不在文檔流中，但我無法找到解決方法，我需要頁腳尊重中間內容並在視口很短頁腳文本停留在底部。有任何想法嗎？

只是爲了記錄，中間的盒子被絕對定位在主包裝上，它具有小的寬度以將它們保持在左邊而包裝保持中心，因此當小型屏幕上的博客列表最近的權利出現了。如果我把它們放在寬度爲940px的包裝中，那麼右側的博客列表就會很容易重疊。

來源

2010-10-17 Yammi

評論：您的網站*不可能*慢（~18s加載）！您可能也想看看這個問題 – Agos 2010-10-17 20:34:18

在我的最後加載罰未緩存，我已經在0.45秒加載並在Google Page Speed上評分爲89/100，在Y-Slow上評分爲B。 – Yammi 2010-10-17 22:07:21

這很奇怪，在Firefox上很好，但在Webkit上很慢。要調查...... – Yammi 2010-10-17 22:12:19

1）把height: 100%放在你的html選擇器上，所以身體可以佔據100％。

2）你也可以把min-height放在你的身體上，讓頁腳停下來。

來源

2010-10-17 20:26:12 Agos

謝謝。 html選擇器已經有了高度：100％。最低身高也沒有解決，我已經嘗試過了。 – Yammi 2010-10-17 21:01:53

2）我可能會因爲這樣說而被扔石頭，但是...使用100％高度的桌子。認真。有時使用CSS進行佈局是不實際的，因爲它沒有元素之間關係的概念。使用表格來保證內容在邊緣條件下不會出現問題，並使用CSS來控制外觀。

來源

2010-11-16 19:42:57 alekop

CSS定位問題，需要CSS專家

回答

相關問題