2013-11-29 45 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>