Div高度自适应二 - TO - ITeye博客

`

jojo_java

浏览: 94000 次
性别:
来自: 南京

最近访客更多访客>>

noo_nyy

罗严塔尔

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

snow8261： new的对象，满足逃逸分析的不会逃逸的对象才会放在栈里，其他都 ...
Java中栈溢出解决办法
Champion_93： ...
滚动图片，滚动文字，滚动任何东西
jojo_java： wzq110120 写道哈哈，，，，w3c的例子呵呵，是呀
xml+css显示数据
wzq110120：哈哈，，，，w3c的例子
xml+css显示数据
jojo_java：鸟哥哥写道jojo_java 写道鸟哥哥写道怎么可能 ? ...
禁止查看源文件

Div高度自适应二

博客分类：

UI

阅读更多

<!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>自适应窗口高度</title>
<style>
* {
	padding:0;
	margin:0;
}
html {
	height:100%;
	width:100%;
	overflow:hidden;
}
body {
	height:100%;
	width:100%;
}
#left {
	position:absolute;
	width:200px;
	height:100%;
	left:0;
	top:0;
	background:#0099CC;
}
#map {
	position:relative;
	margin-left:200px;
	height:100%;
	background:#009933;
}
</style>
</head>
<body>
<div id="left"></div>
<div id="map">拉动改变窗口的大小试试</div>
</body>
</html>

分享到：

window.open()返回值问题 | 文件查找与文件管理

2009-08-04 21:59
浏览 972
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

子div含float，父div高度自适应的div+css布局写法: div+css高度自适应网页布局，子div含float，父div高度自适应，已经通过测试的浏览器：ie6、ie7、ie8、火狐、Chrome。代码来源： http://www.positioniseverything.net/articles/onetruelayout/equalheight

div+css高度自适应: div+css高度自适应div+css高度自适应div+css高度自适应div+css高度自适应

使用JS+CSS实现DIV层自适应高度和宽度: 用JS+CSS来实现DIV层自适应高度，无论你的浏览器大小如何变化都会自适应高度，调节宽度同样的道理

JS实现DIV高度自适应窗口示例: 主要介绍了JS实现DIV高度自适应窗口的方法,结合完整实例形式分析了JS通过动态操作页面元素属性实现高度自适应的相关技巧,需要的朋友可以参考下

div模拟textarea，解决高度自适应: 解决textarea文字太多无法高度自适应问题，使用div模拟textarea

div自适应高度: div+CSS自适应高度，需要的朋友请下载

怎样让一个div高度自适应浏览器高度: 怎样让一个div高度自适应浏览器高度在应用中很常见，感兴趣的朋友可以参考下哈，希望对你有所帮助

JS控制DIV自适应高度: 如何用js加css控制div自适应高度问题完美解决方法

JQ控制两DIV高度自动相等: 由于项目需要，手写一个能够使两个DIV高度自适应相等类似好123的左右大框（因为本人CSS样式不是很好，边线省略1像素）

关于div自适应高度/左右高度自适应一致的js代码: 在DIV和CSS进行网页布局中，DIV的自适应高度和自适应宽度是一个很常见的问题，本文将介绍左右自适应高度一致的Jquery与DIV高度自适应屏幕的js

子元素div高度不确定时父div高度如何自适应: Div即父容器不根据内容自适应高度，我们看下面的代码：复制代码代码如下: <div id=”main”> <div id=”content”></div> </div> 当Content内容多时，即使main设置了高度100%或auto。在不同浏览器下还是不能完好...

自适度div高度: 自适度div高度,js获取元素位置和窗口高度,自动适应，也可以使用在父框是iframe，有完整的js实例

DIV进阶效果集(圆角div、div自适应宽度、背景色渐变等）: css边框背景阴影 DIV自适应宽度背景色渐变、透明多行自适应浏览器高度圆角div 固定高度div,随内容自动变高css定义方法等等

基于jQuery实现左右div自适应高度完全相同的代码: 最近做前端设计时需要使左右两个DIV高度自适应。这其中的jquery代码中的获得高度用的clientHeight，介绍一下几种不同的获得方式以及他们的差别

Div父容器不根据内容自适应高度的解决: 当Content内容多时，即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了，但容器main的高度还是不能撑开。

div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题: div ul li 嵌套的使用在网页布局中很常见，最主要的问题就是如何解决增加多个li后DIV高度自动适应问题，本文有个不错的示例，可以解决此问题，大家可以尝试运行下

css控制宽度（高度）自适应100%: demo包括： 1、多个div并排，宽度自适应100％ - 左右两侧div宽度固定，中间DIV占满剩余区域； 2、多个div，高度自适应100％ - 页面布局：头，身体，脚，占满整个屏幕；

Firefox div高度自适应: 但是一旦设置了 height以后，FIrefox就不会自适应div的高度了。所以只能两个属性都不用，干干净净地写<div>Jimbor Studio</div>。 2.即使不设置固定高度，Firefox对高度的自适应也不那么尽人意。如果需要在一个层内...

Global site tag (gtag.js) - Google Analytics