[CSS] 固定 iframe 位置

因為 css 沒法直接固定 iframe 的位置，所以如果要在頁面上固定 iframe 的位置的話需要用一些小技巧，以上面這張把 iframe 固定在頁面下半部說明。

首先先把原本的 iframe 包起來。

view plaincopy to clipboardprint

1. <div id="iframe_block"><iframe src="url"></iframe></div>  

再寫 css 就好了。

view plaincopy to clipboardprint

1. #iframe_block{   
2.     position: fixed;   
3.     left:0;   
4.     top:140px;             
5.     right:0;   
6.     bottom:0;   
7.     border:none;   
8. }   
9. iframe{   
10.     width:100%;   
11.     height: 100%;   
12.     border:none;       
13. }