作者vgb (前三就好！)
看板Web_Design
標題[問題] 請教一個google及yahoo都使用的css寫法
時間Tue Oct 11 19:01:47 2016
請問如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
→ MangoTW: 讓 width 比 device-width 寬 10/11 19:24
→ vgb: 請問width是包在devicewidth外的那一個嗎 10/11 20:05
推 menshuei: 用固定版面吧 10/11 21:00
→ MangoTW: 簡單說 box model 的特性，子元素的寬會從父之寬。 10/12 07:29
→ MangoTW: body 也通常會從視窗之寬。 10/12 07:30
→ MangoTW: 但假如元素內容有更大的寬，就會超出了。 10/12 07:30
→ MangoTW: 例如 body 下的 div 給他 width: 960px 10/12 07:32
→ MangoTW: 那 div 便不會受視窗寬過窄而擠壓，內部也有 960px 空間 10/12 07:33
※ 編輯: vgb (60.251.192.93), 10/12/2016 14:53:43