2013-11-29 78 views
0

這可能是一個非常基本的問題,但我無法在任何地方找到答案。使用框架組將屏幕分爲三部分,在html中

我需要的頁面分爲三個部分像「T」,這樣我可以加載使用框架和框架

+0

[像這樣?](http://www.quackit.com/html/templates/frames/) – Dan

+0

framesets已被棄用。使用div與CSS創建佈局或使用內聯框架 –

+0

謝謝你是我正在尋找 –

回答

0

框架集和框架已廢棄很久以前的三個Web頁面。使用CSS和div進行佈局。我做了一個超級基本的jsfiddle:

http://jsfiddle.net/L3YAc/

只是用CSS:

header { height:100px; background:red; text-align:center;} 
#left,#right { float:left; width:50%; text-align:center; min-height:400px;} 
#left { background:green;} 
#right { background:blue;} 
0

你可以做到這一點與一點點的CSS,所以你的CSS這裏:

.div1{ 
float: left; 
width: 30%; 
margin-left: 5%; 
min-height: 500px 
} 
.div2{ 
float: left; 
width: 30%; 
min-height: 500px 
} 
.div3{ 
float: left; 
margin-right: 5%; 
min-height: 500px 
width: 30%; 
} 

這裏是你的html:

<div class="div1"><!--your frame--></div> 
<div class="div2"><!--your frame--></div> 
<div class="div3"><!--your frame--></div>