div自动适应高度

div高度100%<!DOCTYPE html>
<html>
    <head></head>
    <body>
         <div id="content">内容</div>
    </body>
</html>

css部分
html,body{height:100%;}
#content{height:100%;}

这个地址有其他情况设置div高度的例子。。分享下http://blog.163.com/m13864039250_1/blog/static/213865248201391012657561/
				


				
时间： 2024-10-07 22:13:22 

		


		


	

	
	

		


		
div自动适应高度的相关文章


						

		

			

                CSS  DIV自动适应高度
			

		

		

									

				当div需要设定自适应高度时,可用到的css属性,min-height:200px;代表的是当div的内容超出了200px时,就会自动适应高度,兼容所有浏览器(IE6除外),如果是IE6则需要设置"_height" 代码: div{ _height:200px; min-height:200px; }			

		

	

				

		

			

                子div用了float浮动之后，如何撑开父元素，让父元素div自动适应高度的问题
			

		

		

									

				方法一: html: <div id="all1"> <div id="left1">1</div> <div id="left2">1</div> <div style=" clear:both; "></div> </div> css: #left1{ float:left;width:200px;} #left2{ float			

		

	

						

		

			

                div 自动高度
			

		

		

									

				问题: 一个页面分上下二部分,上部分高度是固定不变的,要求下部分高度自动占满屏幕,如何实现? 第一感觉是准备用 JS 实现. 今天发现一个用 CSS 实现的方法 position: fixed; bottom: 10px; overflow: auto; left: 0px; top: 44px; position 说明: http://www.w3school.com.cn/cssref/pr_class_position.asp http://developer.51cto.com/art/			

		

	

				

		

			

                div自动撑开（或者自适应）
			

		

		

									

				<div> 是一个块级元素.这意味着它的内容自动地开始一个新行.实际上,换行是 <div> 固有的唯一格式表现(摘自W3C school).在编写页面的时候(这里是指jsp),有遇到div标签不能随着内部的内容扩充本身大小的情况,借助div标签的height和overflow属性,可以完美解决问题. 情况一:布局的时候设定了div的宽度和高度,但高度不够: <div style="width: 800px;height:150px;background-color:			

		

	

				

		

			

                DIV+CSS height高度知识教程篇
			

		

		

									

				DIV+CSS height高度知识教程篇 DIV CSS高度简介这里的CSS高度是指通过CSS来控制设置对象的高度.使用CSS属性单词height.单位可以使用PX,em等常用使用PX(像素)为html单位. height高度目录 height高度语法 高度用法 html原始高度设置 css高度height案例 css高度height总结 一.height高度语法   -   TOP 1.高度基本语法Height:auto 设置高度自动(通常默认高度是auto自动,自适用内容而增高,通常如果想			

		

	

				

		

			

                并列div自动等高
			

		

		

									

				并列div自动等高 方法一:css控制 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 6 <title>完美的DIV			

		

	

				

		

			

                底部DIV自动位于底部
			

		

		

									

				底部DIV自动位于底部 设置body为绝对定位,最小显示高度为:100%,宽度为:100%: 设置底部显示块为绝对定位,bottom: 0,是body元素的最后一个直接子元素: 设置底部块元素同级元素的上一个兄弟元素的边距可以包含下底部元素即可: <!DOCTYPE html> <html lang="en"> <head> <style> .slibing-div{ border: 2px red solid; height: 200p			

		

	

				

		

			

                使用一般处理程序让div的宽高度加10px（并使用模板页）
			

		

		

									

				在一般处理程序中响应 步骤如下: 1.创建一般处理程序 2.处理请求(如果是第一次就直接输出,如果是回发请求就接收值后经过处理后输出) 3.读取模板页(如果不使用模板页跳过此步骤) 4.替换值 5.响应请求 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using System.Text; 6 7 namespace _03Div宽高度加10px 8 {			

		

	

				

		

			

                CSS设置div的最小高度和最小宽度
			

		

		

									

				CSS设置div的最小高度和最小宽度:所谓设置div的最小高度和宽度就是设置一个值,如果实际宽度或者高度小于此值时,就会将实际的宽度和高度值设置为规定的此最小值,下面就通过实例代码简单做一下介绍.如果在标准浏览器中,当然可以使用max-height或者max-width实现此效果,例如: max-width:50px; max-height:100px; 以上代码在标准浏览器中是没有任何问题的,但是无奈IE6浏览器并不支持,因为当前还有为数不少的IE6用户,所以需要兼容IE浏览器.代码修改如下: