PTT數位生活區 / Web_Design

[問題] 請教一個google及yahoo都使用的css寫法

看板Web_Design作者 (前三就好！)時間8年前 (2016/10/11 19:01), 8年前編輯推噓1(1推 0噓 7→)
留言8則, 3人參與, 最新討論串1/1
請問如Google mail右上方會有應用程式icon及google通知、帳戶列表 在100%網頁大小瀏覽之下 它們都會在最右邊 但如果去放大、放大到一個尺寸後，那一排列表就會超出電腦螢幕所視範圍 而我自己的網頁（左邊是LOGO，右邊是一樣類似的列表） 試了很久 左右兩邊被放大到螢幕可視範圍後，都會相疊在一起 無法讓他們超出 我想要的是不要疊在一起或是掉到第二排，就讓右邊列表超出螢幕即可 請問是需要加什麼css或用div 才能跟奇摩還有Google的運作模式一樣呢 先謝謝大家 麻煩高手解惑... -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.251.192.93 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1476183709.A.C3E.html
→
10/11 19:24, , 1F
讓 width 比 device-width 寬
10/11 19:24, 1F
→
10/11 20:05, , 2F
請問width是包在devicewidth外的那一個嗎
10/11 20:05, 2F
推
10/11 21:00, , 3F
用固定版面吧
10/11 21:00, 3F
→
10/12 07:29, , 4F
簡單說 box model 的特性，子元素的寬會從父之寬。
10/12 07:29, 4F
→
10/12 07:30, , 5F
body 也通常會從視窗之寬。
10/12 07:30, 5F
→
10/12 07:30, , 6F
但假如元素內容有更大的寬，就會超出了。
10/12 07:30, 6F
→
10/12 07:32, , 7F
例如 body 下的 div 給他 width: 960px
10/12 07:32, 7F
→
10/12 07:33, , 8F
那 div 便不會受視窗寬過窄而擠壓，內部也有 960px 空間
10/12 07:33, 8F
※ 編輯: vgb (60.251.192.93), 10/12/2016 14:53:43
‣ 更多 vgb 的文章
文章代碼(AID): #1N_CQTm- (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 vgb 的文章
文章代碼(AID): #1N_CQTm- (Web_Design)