position:fixed 消失 在 コバにゃんチャンネル Youtube 的最佳解答
「position:fixed 消失」的推薦目錄：
- 關於position:fixed 消失 在 コバにゃんチャンネル Youtube 的最佳解答
- 關於position:fixed 消失 在 大象中醫 Youtube 的最讚貼文
- 關於position:fixed 消失 在 大象中醫 Youtube 的最佳貼文
- 關於position:fixed 消失 在 [問題] position:fixed 超出頁面就消失- 看板Web_Design 的評價
- 關於position:fixed 消失 在 fixed 定位失效| 不受控制的position:fixed #24 - GitHub 的評價
- 關於position:fixed 消失 在 [基礎課程] CSS 教學（三）：盒子模型與定位點 - 洛奇的邪惡 ... 的評價
- 關於position:fixed 消失 在 [問題] position:fixed 超出頁面就消失- Web_Design | PTT Web 的評價
- 關於position:fixed 消失 在 position fixed跑版的推薦與評價，MOBILE01和網紅們這樣回答 的評價
position:fixed 消失 在 fixed 定位失效| 不受控制的position:fixed #24 - GitHub 的推薦與評價
本文为纯理论文章，可能会略微枯燥。 大家都知道，position:fixed 在日常的页面布局中非常常用，在许多布局中起到了关键的作用。 ... <看更多>
position:fixed 消失 在 [基礎課程] CSS 教學（三）：盒子模型與定位點 - 洛奇的邪惡 ... 的推薦與評價
若順著教材讀到這裡，你會發現很多CSS 的控制成敗都跟block 或inline 有關。 ... absolute 與fixed 的行為很像，不一樣的地方在於absolute 元素的定位 ... ... <看更多>
position:fixed 消失 在 [問題] position:fixed 超出頁面就消失- 看板Web_Design 的推薦與評價
我有一個網站版面如下：
┌───────────────┐
│ header │
├───────────────┤
│┌──┐┌─────────┐│
││ ││ ││
││side││ 主要內容 ││
││ ││ ││
││ ││ ││
│└──┘└─────────┘│
└───────────────┘
其中header和side客戶都希望可以跟隨螢幕下拉，
所以我都使用了position:fixed。
一般時候沒有什麼問題，
但如果手機放大瀏覽超出畫面，
就會出狀況......
header部分，
靠右邊的選單會被裁切掉或整個消失，
且沒有捲軸可以把它捲回來。
side則是下面也會消失，
另外會跟「主要內容」重疊。
不知道這樣的狀況有沒有辦法可解？尤其是header的部份，
謝謝。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.36.237.216
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1409387759.A.A64.html
我有加<meta name="viewport" content="width=1300">了，
但他的幫助是把我整個底圖拉滿（首頁底是100%的輪播），
還是不會因此出現捲軸。
js不會寫，我是視覺設計師orz。
程式碼先貼header，看看能不能懂。
<div class="header">
<ul class="pd_nav">
<li><a href="pd_list.html">aaa</a></li>
<li><a href="pd_list.html">bbb</a></li>
<li><a href="pd_list.html">ccc</a></li>
<li><a href="pd_list.html">ddd</a></li>
<li><a href="pd_list.html">eee</a></li>
</ul>
<div class="btn">
<a href="cart_1.html">購物車</a>
<a href="login.html">會員登入</a>
</div>
</div>
－CSS－
.header {
background:rgba(0, 0, 0, 0.8);
position:fixed;
width:100%;
height:60px;
top:0;
min-width:1000px;
overflow:visible;
z-index:999;
}
.pd_nav {
float:left;
}
.btn {
float:right;
}
.pd_nav和.btn的css有部分省略，
因為有點長，都是調尺寸、顏色用，應該不太相關。
感謝～
※ 編輯: gpgpt (114.36.237.216), 08/30/2014 18:07:08
... <看更多>