html css 语言中 哪几个是可以进行框架布局的标签

html css 语言中 哪几个是可以进行框架布局的标签

我显示出来的都是一行一行的,怎么样进行框架布局呢?

比如导航在上面,侧边栏在左边,主介绍在中间。

显示一行行那是正常的,要想打破原来的布局流,需要使用浮动,例如

float:left

写个简单的例子:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>example</title>
<style>
div{border: 1px solid #000;margin:10px 0;padding: 50px 10px;}
div#sider{float:left;width:25%;}
div#content{float:left;width:72%;}
div#footer{clear:both;}
</style>
</head>
<body>
<div id="header">我是头部</div>
<div id="sider">我是左边栏</div>
<div id="content">我是内容</div>
<div id="footer">我是底部</div>
</body>
</html>


追问

那怎么样做侧边栏在左,内容在右?

追答

上面已经是侧边栏在左内容在右了
主要是通过css控制的
float:left;表示向左浮动,因为上面侧边栏宽度是25%,内容是72%;可以显示在一行,所以达到了一个在左边一个在右边的效果
你如果把内容宽度改大一些,那就容不下去了,这样还是会分行显示的
最后,底部有一个clear:both;表示结束这种不正常的排列方式,回到原先那种布局方式

温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-02-11
frame
table
第2个回答  2014-02-11
呃,需要html和css一起才能布局,当然简单的,可以直接用table来布局。
相似回答