作者tas72732002 (葱头)
看板Web_Design
标题[问题] 缩放浏览器版型跑掉
时间Sun Dec 27 00:08:16 2015
请问一下各位大大, 我在进行浏览器的缩放的时候, 原本正常的版型, 就会发生异常
正常版型 : ------- -------
|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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1451146099.A.56B.html
1F：→ tas72732002: 不知道是不是使用%造成的 12/27 00:29
2F：→ s89227: 用%的话，试试搭配calc看看？ 12/27 00:49
3F：推 wyler: s1也float试试罗 12/27 02:26
4F：→ PowerKid: 你要用一个class 把s1 s2包住 设成width 99% 12/27 12:18
5F：→ PowerKid: 这样S1 S2就不会往下掉了 12/27 12:19