[問題] iframe 的寬度設定

看板Web_Design作者 (4545454554)時間8年前 (2017/06/27 14:19), 8年前編輯推噓3(305)
留言8則, 5人參與, 最新討論串1/2 (看更多)
各位好 我本來是用 frameset + frame 譬如底下這樣 <frameset cols="25%,*"> <frame src="Left.aspx"> <frame src="Right.aspx"> </frameset> MDN說frameset和frame已過時 要用iframe iframe的width如果設定成 % 或 vw XHTML5驗證會不過 如下 http://i.imgur.com/WqGNd3r.png
雖然iframe的width設成% 在多數瀏覽器還是可以正常顯示 但總覺得這樣做跟繼續用frameset + frame 有什麼不同? 所以 想請問大家 iframe的width設定上 是不是有什麼技巧? 可以依內容 或 視窗寬度 之類的 謝謝大家 ------------------------------------------------------------ 一個iframe寬20% 另一個iframe寬80% http://i.imgur.com/Qjn9r4P.png
兩個iframe未如預期一左一右 反而是一上一下 第二個iframe跑到下面了 http://i.imgur.com/B5mensB.png
-- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.251.144.197 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1498544387.A.FE1.html

06/28 20:32, , 1F
是要寫在 css 裡吧? iframe { width: 40%; }
06/28 20:32, 1F
謝謝 我一時沒想到 但有個新問題 一個iframe寬20% 另一個iframe寬80% 卻不如預期 第二個iframe跑到下面了 請問這是設定上哪裡出了問題嗎?

06/30 14:32, , 2F
display?
06/30 14:32, 2F

06/30 22:49, , 3F
請問display要怎麼設才能達到目的?
06/30 22:49, 3F

06/30 22:55, , 4F
Display: inline-block
06/30 22:55, 4F
http://i.imgur.com/pYHmIzT.png
還是一樣 沒有達到目的 ※ 編輯: kisha024 (218.166.176.108), 07/01/2017 18:00:01

07/02 02:28, , 5F
先上css normalize再說,瀏覽器預設會有多餘padding
07/02 02:28, 5F

07/02 02:46, , 6F
而且兩個元素間也會有空白,那個也要拿掉
07/02 02:46, 6F

07/02 02:46, , 7F

07/02 10:05, , 8F
謝謝
07/02 10:05, 8F
文章代碼(AID): #1PKVa3_X (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #1PKVa3_X (Web_Design)