1、CSS2盒模型 
  自从1996年CSS1的推出,W3C组织就建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层<div>。盒模型主要定义四个区域:内容( 
  content)、边框距( 
  padding)、边界( 
  border)和边距( 
  margin)。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-28 00:12:23
                            
                                94阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            宽高自适应一、宽度自适应二、高度自适应三、浮动元素的高度自适应四、窗口自适应五、结语 一、宽度自适应不写宽度或者写 width:auto就表示宽度自适应,可用于横栏或导航栏。 与 width:100%不同,设为100%已经固定了宽度,宽度始终不变,而宽度自适应是会自动更改宽度,前者在设置 padding 时横向出现滚动条,后者在设置 padding 时会自动压缩宽度大小。 有 min-width            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-04 21:19:15
                            
                                548阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、宽度自适应语法:width:100%;注: a)块状元素的默认宽度为100%   b) 当给元素设置宽度为100%时,继承父元素的宽度   c) 通常使用宽度自适应实现通栏效果 二、高度自适应语法:height:auto;(等同于不给元素设置高度) 三、最小高度,最大高度,最小宽度,最大宽度1.最小高度语法: min-height:数值+单位;注:IE6不识别min-hei            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-16 15:38:50
                            
                                659阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、宽度自适应语法:width:100%;注: a)块状元素的默认宽度为100%   b) 当给元素设置宽度为100%时,继承父元素的宽度   c) 通常使用宽度自适应实现通栏效果 二、高度自适应语法:height:auto;(等同于不给元素设置高度) 三、最小高度,最大高度,最小宽度,最大宽度1.最小高度语法: min-height:数值+单位;注:IE6不识别min-hei            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-15 13:33:59
                            
                                371阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            我记得在学了网页自适应的内容后,每次写网页,力求宽高自适应。最后还是有一些困惑:写一个div给样式。(给定背景色和字体色是为了便于我们观察。)width:100%;background:white;color:white;状况: 如果我们不在div中书写内容,没有东西撑住div,div自适应该内容高度,div是不会显示的;还有,如果我们不给定div具体的高度值如100px,给100%高度,div也            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-27 19:25:05
                            
                                210阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            何为高度自适应?高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单,在兼容浏览器方面也稍微复杂一些。布局思路在IE7+及chrome、firefox等浏览器中,高度自适应可以利用绝对定位来解决。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-09-27 23:00:00
                            
                                4459阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-21 10:18:58
                            
                                1257阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            高度自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。(1)宽度自适应元素宽度设置为100%。(块元素宽度默认为100%)(2)元素具备最小高度的自适应min-height属性:最小高度;说明:IE6浏览器不识别该属性,height属            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-04 01:53:09
                            
                                750阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            
  <script type="text/javascript"> 
  </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> 
 原作者:Alex Robinson 原文标题:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-09 21:04:55
                            
                                9阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css解决高度自适应问题(使用flex)这篇文章通过flex来解决高度自适应问题,纯用css,还是昨天这个例子 需求和上篇文章一样,这里再重复一遍需求:这个矩形的高度和浏览器窗口的高度相同,不能出现纵向滚动条;绿色部分高度固定,比如50px;紫色部分填充剩余的高度;html结构如下:<div id="root">
  <header>
   test
  </head            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-15 12:29:44
                            
                                112阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-C            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-21 10:18:49
                            
                                1087阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            写网页遇到页面高度无法自适应,查阅了资料学到了下列方式:<div id="container">
	<div class="header"></div>
	<div class="middle"></div>
	<div class="footer"></div>
</div>css主要部分:#cont            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-29 17:35:47
                            
                                201阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS两列高度自适应,右边自适应            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-04 11:47:48
                            
                                763阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            IE: * html ul {   height:1%;    }  非IE:overflow: auto;                                              
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2014-05-07 14:35:23
                            
                                473阅读
                            
                                                                             
                 
                
                             
         
            
            
            
              宽度自适应的应用     1.属性:width     2.属性值:px/%     3.宽度自适应的特点         - HTML,BODY表示浏览器,默认是块级元素,宽度是100%         - 当块级元素不设置宽度或者设            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-06 20:16:06
                            
                                982阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            最近为了能够做出自适应的页面找了很多资料,大致较为有用的两类1.根据屏幕大小不同引入不同的css样式文件<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1000px)">2.使用rem单位实现自适应布局            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-17 16:56:51
                            
                                298阅读
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                             
         
            
            
            
            高度自适应问题,我很抵触用js去解决,因为不好维护,也不够自然,但是纯用CSS,难度不小,比如下面我要说的例子。
需求:
1. 这个矩形的高度和浏览器窗口的高度相同,不能出现纵向滚动条
2. 绿色部分高度固定,比如50px
3. 紫色部分填充剩余的高度
HTML结构暂且如下:
<div id="main">
    <di            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2013-01-21 18:48:20
                            
                                822阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在初次尝试高度自适应时都会遇到这样的问题:	对象的heith:100%; 并不能直接产生实际效果 为什么呢?之所以没有效果,与浏览器的解析方式有一定关系,查看下面代码 一个对象的高度是否可以使用百分比显示,取决于对象的父级对象.在页面中,#layout 是直接放置在body之中,因此它的父级对象是b            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-20 14:13:51
                            
                                2237阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            吃过晚饭后,开始刷前端笔试题,却遇到了一道CSS难题——使用CSS实现左部自适应、右部固定宽度为200px的布局。当时第一眼看到题目时,以为只是一道很简单的题目。不就是定义两个左浮动的div,右部的宽度固定为200px,左部的宽度为100%,但是真的是那么简单吗?我当时信心十足的以为真的就是这么简单的!看来,自信真的是来源于无知啊!于是马上切换到sublime开始编码了。当时,写好的第一个版本大概            
                
         
            
            
            
            这是个很常用的小技巧,很多时候并不知道图片的大小,但是为了好看又固定了图片的宽度,高度随图片的大小按照宽度等比例缩放,这样子所有的图片都能维持宽度一致而图片显示正常android:adjustViewBounds="true"
android:scaleType="centerCrop"对ImageView设置这两个属性即可顺带记录一下这两个属性,首先是adjustViewBounds取值为tru            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-30 10:18:31
                            
                                53阅读