div + css 简单布局
来源:互联网 发布:重装系统后c盘数据恢复 编辑:程序博客网 时间:2024/05/16 09:30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div + css 简单布局</title>
</head>
<body style="margin:0; padding:0">
<div style="height:200px; width:1000px; margin:0 auto; border:1px solid; text-align:center; line-height:200px">
这里是banner
</div>
</body>
<div style="height:100%; width:1000px; margin:0 auto">
<div id="left" style="width:200px; float:left; clear:left; border:1px solid; border-right:none; text-align:center">
左侧
</div>
<div id="main" style="width:797px!important;height:500px;width:798px; float:right; clear:right;border:1px solid; text-align:center">
右侧<br/>
</div>
</div>
<script>
function setHeight(){
var left= document.getElementById("left")
var main = document.getElementById("main")
if(left.clientHeight>main.clientHeight){
main.style.height = left.clientHeight+"px"
}else{
left.style.height = main.clientHeight+"px"
}
}
setHeight()
</script>
<div style="height:100px; float:left; clear:left; width:1000px; margin:0 auto; border:1px solid; text-align:center; line-height:100px">
这里是底部信息
</div>
</body>
</html>
- div + css 简单布局
- DIV+CSS 简单布局
- CSS+DIV简单布局
- div+css简单布局
- div+css经典简单布局
- 简单的DIV+CSS布局
- css div布局的简单页面
- 简洁 DIV+CSS布局入门之一 ( DIV+CSS常用 常用CSS DIV+CSS实例 简单DIV+CSS DIV+CSS布局分析 DIV+CSS流程)
- 简洁 DIV+CSS布局入门之二 ( DIV+CSS常用 常用CSS DIV+CSS实例 简单DIV+CSS DIV+CSS布局分析 DIV+CSS流程)
- 简洁 DIV+CSS布局入门之三 ( DIV+CSS常用 常用CSS DIV+CSS实例 简单DIV+CSS DIV+CSS布局分析 DIV+CSS流程)
- 简洁 DIV+CSS布局入门之四 ( DIV+CSS常用 常用CSS DIV+CSS实例 简单DIV+CSS DIV+CSS布局分析 DIV+CSS流程)
- 最简单适用的 DIV 与 CSS 布局实例
- 一个DIV+CSS代码布局的简单导航条
- 【PHP兴趣部落-03】css+div 搜狐网站简单布局
- 一个简单的网站布局(div+CSS)
- DIV+CSS DIV居中布局
- div+css布局入门
- div+css布局漫谈
- Linux 文件命令速成教程
- 函数体中的指针或引用常量不能被返回
- 通信工程专业考证
- ashx 文件的运用
- UCHOME二次开发
- div + css 简单布局
- C++文件操作 判断文件是否存在和文件大小
- [windows] C:/WINDOWS/system32/drivers/etc/hosts 文件有什么作用
- 从零开始
- Excel 用公式时出现类似的 =SUM(R[-69]C:R[-1]C)
- 让我们开始吧
- 不同浏览器对回车提交表单的处理办法
- webclient 生成静态页面
- 非类型形参的模板实参