固定長度的HTML框架

我有一個HTML頁面，裏面有三個框架。我給幀的大小爲150px，300px和150px。固定長度的HTML框架

如果我想將第三個幀的幀大小更改爲500px，則其他兩個幀會變小。我想要的頁面應該拿出滾動條和框架分別爲 150px，300px，500px。

2013-08-29 Ashish Anand

的jsfiddle的風格去通過以下鏈接進行position嗎？ –

的解決方案是使用< IFRAME>代替< FRAMESET>

< iframe class="one" src="one.html" ></iframe>

現在，我們可以改變寬度和高度與這個類。

來源

2013-08-29 10:00:51

是，iframe是更好的方式來做到這一點。但是您需要爲每個框架指定樣式的位置屬性。否則，如果框架超出瀏覽器窗口的寬度並且想要水平滾動，則框架將放置在彼此之下。 –

給出iframe的寬度和高度作爲樣式。

如：與其<iframe src="http://www.codeigniter.in" style="height:500px;width:500px;float:left;"></iframe>

來源

2013-08-29 04:30:30

不工作...相同的結果：其他2幀變小 –

@AshishAnand我編輯了我的答案。 –

在像素尺寸給出像爲150px，儘量給它的百分比。實施例

<FRAMESET cols="20%, 80%">

如果要在下面彼此即幀垂直，則可以使用框架的rows屬性。

來源

2013-08-29 04:37:22

然後它將100％的頁面分成兩個20和80.它不會附加滾動條。我想要固定大小的幀。 –

我給出了20,80的例子。你可以按照你的要求使用。對於垂直分割，使用rows = xx –

假設普通頁面的大小爲300px。我想幀150px，300px，500px，然後我想頁面增加自己（通過添加滾動條），併成爲950px。 –

如果您使用iframe（HTML 5功能），您可以在樣式中提及位置。我已經爲此寫了示例html頁面，並且按需要工作。水平滾動隨着框架寬度的增加按預期工作。

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    </head> 
    <body> 
     <iframe width="150px"></iframe> 
     <iframe width="300px"></iframe> 
     <iframe width="2000px" style="position: absolute"></iframe> 
    </body> 
</html>

iframe中 http://www.w3schools.com/cssref/pr_class_position.asp

來源

2013-08-30 03:48:29

在這裏您可以爲每個框架添加名稱並提及每個框架的來源 –

固定長度的HTML框架

回答

相關問題