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

作者: vgb (前三就好!)   2016-10-11 19:01:47
請問如Google mail右上方會有應用程式icon及google通知、帳戶列表
在100%網頁大小瀏覽之下
它們都會在最右邊
但如果去放大、放大到一個尺寸後,那一排列表就會超出電腦螢幕所視範圍
而我自己的網頁(左邊是LOGO,右邊是一樣類似的列表)
試了很久
左右兩邊被放大到螢幕可視範圍後,都會相疊在一起
無法讓他們超出
我想要的是不要疊在一起或是掉到第二排,就讓右邊列表超出螢幕即可
請問是需要加什麼css或用div 才能跟奇摩還有Google的運作模式一樣呢
先謝謝大家 麻煩高手解惑...
作者: MangoTW (不在線上)   2016-10-11 19:24:00
讓 width 比 device-width 寬
作者: vgb (前三就好!)   2016-10-11 20:05:00
請問width是包在devicewidth外的那一個嗎
作者: menshuei (紅茶)   2016-10-11 21:00:00
用固定版面吧
作者: MangoTW (不在線上)   2016-10-12 07:29:00
簡單說 box model 的特性,子元素的寬會從父之寬。body 也通常會從視窗之寬。但假如元素內容有更大的寬,就會超出了。例如 body 下的 div 給他 width: 960px那 div 便不會受視窗寬過窄而擠壓,內部也有 960px 空間

Links booklink

Contact Us: admin [ a t ] ucptt.com