1、如果我没记错的话，这个只用CSS应该是不能实现的吧。应该用javascript才好。用JS获取一下DIV的宽度，之后再设置高度。如果你需要的话，你再追问，我给你写一下代码也好。我的意思，不用在找CSS的设置方法了。
创新互联自2013年起，是专业互联网技术服务公司，拥有项目成都网站设计、成都做网站网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元安远做网站,已为上家服务,为安远各地企业和个人服务,联系电话:028-86922220
2、JQ好像不行你用下面的试试标签元素的宽高值获取 //绝对宽度 Obj.offsetWidth //绝对高度 Obj.offsetHeight以下是获取窗口对象的宽高值。clientHeight 获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。
3、在css设置可改变大小的div滚动条样式方法：首先新建html文档，进入代码书写界面。在/head和body的里面写入代码，在div里面写入想要输入的内容/div。书写外层轨道css代码。
4、首先分析一下，你这个布局，容器里面的元素都设置了宽度没。如果设置了宽度。那在浏览器缩放时，容器的宽度不能满足元素宽度。自然会向下挤，布局就乱。
5、单纯的用哪一种CSS写法是不能够实现的，百分比也只能解决部分问题，有些问题百分比还是解决不了。这些问题尤其在IE6中更为严重。如果你要想实现不能分辨率下效果实现统一，最好的办法就是用两套CSS。
6、margin容易出错，会有bug；以上说的是常规方法，在css3里边有一个clac方法，就算你用100%，也可以计算出div2的宽度，你可以百度找一下“css3 clac()方法”，有很多讲解的文章，建议看看。
两者是可以混用的，只要不要混淆它们的意思就行。width=80% 是针对它父容器宽度的百分之80，而width=80是宽度就是80px（像素）。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：span {font-size： 0.8em；}。浏览器运行index.html页面，此时span的字体大小被设置h1字体大小的80%。
百分比是相对页面宽度的百分之多少来说的，页面变化他的实际大小也就跟着变化。希望固定的就用px等绝对数值，这样的页面缩放他不会跟着缩放，显示不下的会出滚动条。
在CSS中，使以下两个div ！-- 目的：此div向偏移15%+22px --假设目标的宽度是50px。使用绝对定位，定位到最上边最右边，这时候目标的位置就是：向右偏移15%减去目标的宽度（15% - 50xp）。
css字体设置是没有的，一般都是通过JS或是写适应代码来操作字体大小 可视区域的宽度在 600px 和 900px 之间的时候被应用。
要实现表格字体随单元格大小变化的效果，您可以使用css的百分比单位来设置字体大小，并将字体大小设置为相对于单元格宽度或高度的百分比。
一个变通的方法是利用css3的新长度单位rem（根元素的字体大小），其默认值是16px，那么5rem就是16*5=24px，0.75rem就是16*0.75=12px。
你好！在html中你所提到的是px和%，px意思是像素，%意思是百分比。按我个人的经验，我就以个人的语言来描述一下其中的区别。
本质上来讲两者没有区别，其作用都是定义元素的宽度为100px。但是区别在于：1，style=width：100px这种写法是可以应用在任何元素上的。
希望width根据浏览器窗口大小进行调整，如一般后台左固定，右用百分比 盒子套盒子（DIV）里面的div的width直接用百分比，这样如果外面的width变动，也不用修改里面div的width大小，省得麻烦。其他的我就想不到了。
像素）。补充：按百分比来规定宽度是相对于其父容器的宽度，比如一个大的表格（宽度200px）中里建立一个小表格，如果写width=80%，那这个小表格的宽度就为160px，如果写的width=80那这个小表格的宽度就是80px。
1、所以，body的高度是0px，20%也是0了。你可以自己打开chrome的控制台，查看你们各个document元素的属性，body的height属性等于div的height。不清楚再追问。
2、height：高度的百分比是相对于父盒子height内容高的比。padding，margin.：padding和margin不管任何方向百分比都是相对于父盒子width内容宽的比。
3、百分比的定义是以他父级div的高度（宽度）为标准的，比如说你父级定义为100px；当前标签定义50%。
4、百分比是相对页面宽度的百分之多少来说的，页面变化他的实际大小也就跟着变化。希望固定的就用px等绝对数值，这样的页面缩放他不会跟着缩放，显示不下的会出滚动条。
5、先给父级设置宽度（像素）然后再子里，设置百分比，如图示。代码原件： 复制到之间使用即可。
6、指定背景大小，以象素或百分比显示。当指定为百分比时，大小会由所在区域的宽度、高度，以及background-origin的位置决定。还可以通过cover和contain来对图片进行伸缩。
1、float元素务必指定width属性 很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。另外指定元素时尽量使用em而不是px做单位。
2、在css中加入box-sizing：border-box；---让盒子模型包含padding和border。
3、DIV CSS网站布局时尝试避免同时对元素指定padding/border以及高度或宽度。Windows版IE经常导致width与height的计算问题。
4、这个问题不复杂，也不难理解。你要知道有的元素本身是有padding值的，ul，ol 标签水平方向默认有padding值，同样的，p，ul，ol，dl 标签垂直方向默认有margin值。