[問題] 縮放瀏覽器版型跑掉

看板Web_Design作者 (蔥頭)時間8年前 (2015/12/27 00:08), 編輯推噓1(104)
留言5則, 4人參與, 最新討論串1/2 (看更多)
請問一下各位大大, 我在進行瀏覽器的縮放的時候, 原本正常的版型, 就會發生異常 正常版型 : ------- ------- |s1 ||s2 | | || | --------------- ---------------- |s3 | ---------------- 縮小瀏覽器後的版型 : ------- |s1 | | | ------- ------- |s2 | | | ------- ---------------- |s3 | ---------------- 我的html : <div class="stream-body-content"> <div> <!-- 左上 --> <div class="s1"></div> <!-- 右上 --> <div class="s2"></div> </div> <!-- 下上 --> <div class="s3"></div> </div> 我的css : .stream-body-content { width:90%; background-color:black;padding: 1em; } .s1 { width:70%; } .s2 { border-style:groove;width:29%;height:420px;margin-bottom:1em; float:left; } .s3 { width:99%;height:260px;border:groove;margin-bottom:1em; float:left;} 要如何才可以避免我瀏覽器縮放的時候, div不會跑掉呢? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.34.181.227 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1451146099.A.56B.html

12/27 00:29, , 1F
不知道是不是使用%造成的
12/27 00:29, 1F

12/27 00:49, , 2F
用%的話,試試搭配calc看看?
12/27 00:49, 2F

12/27 02:26, , 3F
s1也float試試囉
12/27 02:26, 3F

12/27 12:18, , 4F
妳要用一個class 把s1 s2包住 設成width 99%
12/27 12:18, 4F

12/27 12:19, , 5F
這樣S1 S2就不會往下掉了
12/27 12:19, 5F
文章代碼(AID): #1MVhjpLh (Web_Design)
文章代碼(AID): #1MVhjpLh (Web_Design)