[問題] CSS div如何向右排列撐出邊界?

看板Web_Design作者 (努力以赴微笑無敵!)時間15年前 (2010/06/23 11:09), 編輯推噓8(809)
留言17則, 8人參與, 最新討論串1/2 (看更多)
目前寫了一排按鈕,但希望他能在整個頁面中出邊界,也就是向右突破出現水平捲軸, 我知道這個很怪,通常用css做layout都不希望見到這樣...可是我想試試... 小弟才殊淺陋,目前用float:left;與white-space:nowrap;... 只要content到了broswer就會往下一行繼續塞....我希望他是持續往右放的~ 該怎麼做? 感謝~ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 116.59.113.73 ※ 編輯: konois 來自: 116.59.113.73 (06/23 11:17)

06/23 12:23, , 1F
width要設
06/23 12:23, 1F

06/23 12:43, , 2F
width我設了100%,可是我是希望增加的content能撐過他
06/23 12:43, 2F

06/23 12:44, , 3F
目前要出現水平捲軸就只能將width設成超過100%....
06/23 12:44, 3F

06/23 12:59, , 4F
white-space:nowrap 好像只對文字有效果
06/23 12:59, 4F

06/23 13:00, , 5F
如果把按鈕的父元素position設定為absolute呢?
06/23 13:00, 5F

06/23 14:15, , 6F
想要超過外面的元素要有width,否則他會折行是正常
06/23 14:15, 6F

06/23 15:24, , 7F
position設定為absolute也沒辦法,好像真的一定要限width
06/23 15:24, 7F

06/23 15:50, , 8F
這個問題版上好像常有人問...
06/23 15:50, 8F

06/23 22:07, , 9F
........怎麼一堆不懂 又亂回的人
06/23 22:07, 9F

06/23 22:08, , 10F
按鈕的div不能用float屬性要設display:inline-block
06/23 22:08, 10F

06/23 22:09, , 11F
然後 按鈕div的父元素 要下 white-space:nowrap
06/23 22:09, 11F

06/23 22:58, , 12F
用float也OK啊 為啥不行 你也可以父元素設display:table
06/23 22:58, 12F

06/23 22:58, , 13F
按鈕設display:table-cell
06/23 22:58, 13F

06/23 23:45, , 14F
無言.... aceone 重學一下CSS吧^^
06/23 23:45, 14F

06/24 10:40, , 15F
06/24 10:40, 15F

06/24 12:31, , 16F
重學CSS = = 你要不要看一下這本再說http://bit.ly/aVNE8r
06/24 12:31, 16F

06/28 18:12, , 17F
父元素和父容器兩者有一樣嗎?
06/28 18:12, 17F
文章代碼(AID): #1C8Ni0Nc (Web_Design)
文章代碼(AID): #1C8Ni0Nc (Web_Design)