[CSS] 固定 iframe 位置



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

首先先把原本的 iframe 包起來。
  1. <div id="iframe_block"><iframe src="url"></iframe></div>  



再寫 css 就好了。

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

留言