作者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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1476183709.A.C3E.html
1F:→ MangoTW: 让 width 比 device-width 宽 10/11 19:24
2F:→ vgb: 请问width是包在devicewidth外的那一个吗 10/11 20:05
3F:推 menshuei: 用固定版面吧 10/11 21:00
4F:→ MangoTW: 简单说 box model 的特性,子元素的宽会从父之宽。 10/12 07:29
5F:→ MangoTW: body 也通常会从视窗之宽。 10/12 07:30
6F:→ MangoTW: 但假如元素内容有更大的宽,就会超出了。 10/12 07:30
7F:→ MangoTW: 例如 body 下的 div 给他 width: 960px 10/12 07:32
8F:→ MangoTW: 那 div 便不会受视窗宽过窄而挤压,内部也有 960px 空间 10/12 07:33
※ 编辑: vgb (60.251.192.93), 10/12/2016 14:53:43