[問題] 縮放瀏覽器版型跑掉
請問一下各位大大, 我在進行瀏覽器的縮放的時候, 原本正常的版型, 就會發生異常
正常版型 : ------- -------
|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
12/27 00:49, 2F
推
12/27 02:26, , 3F
12/27 02:26, 3F
→
12/27 12:18, , 4F
12/27 12:18, 4F
→
12/27 12:19, , 5F
12/27 12:19, 5F
討論串 (同標題文章)