[問題] iframe 的寬度設定

[kisha024 (4545454554)]

各位好

我本來是用 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
推 hijkxyzuw: 是要寫在 css 裡吧？ iframe { width: 40%; }
謝謝 我一時沒想到 但有個新問題 一個iframe寬20% 另一個iframe寬80%

卻不如預期 第二個iframe跑到下面了 請問這是設定上哪裡出了問題嗎?
推 jake255121: display?
→ kisha024: 請問display要怎麼設才能達到目的?
推 a65162: Display: inline-block
http://i.imgur.com/pYHmIzT.png
還是一樣 沒有達到目的
※ 編輯: kisha024 (218.166.176.108), 07/01/2017 18:00:01
→ mmis1000: 先上css normalize再說，瀏覽器預設會有多餘padding
→ mmis1000: 而且兩個元素間也會有空白，那個也要拿掉
→ mmis1000: https://jsbin.com/tozigoz/edit?html,css
→ kisha024: 謝謝