[问题] 请教一个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