代ç ï¼
ææï¼
åçï¼
å
ç»ç¶çº§<div>设置宽度ï¼åç´ ï¼
ç¶ååå<div>éï¼è®¾ç½®ç¾åæ¯ï¼å¦å¾ç¤ºã
代ç å件ï¼
<div style="width:80px;height:50px; border:#FF0000 3px solid">
<div style="width:20%;height:50%; border:#CC33FF 3px solid"></div>
</div>
å¤å¶å°<body></body>ä¹é´ä½¿ç¨å³å¯ã
container的高度要设置成100%则前面一个元素要设置一个高度，所以我们追溯到html标签，给html标签定义高度为100%，这样就可以了，chrome中实测。
注意：
1.div外层的父标签如果没有定义高度或宽度(用px或者其它单位定义，而非百分比)，div用百分比是无效的。如果坚持要用百分比，请换成table标签。
2.如果一定要用div标签，一种方法是通过JS脚本获取浏览器高度或宽度然后给标签，用纯CSS方法，是这样：给login_wrapper加一条属性“position:absolute”。本回答被网友采纳
<div style="width:1000px;height:500px;">
<div style="width:80%"></div>
</div>
注意：设置百分比 一定要看 他父元素，就是相对于谁来说，他的宽是百分之多少 ！使用这个要有下面中任意一个：
【1】 div的父元素如果没有定义国定的高度或宽度(用px或者其它单位定义），div用百分比是无效的 。给他父元素宽高 ，子元素就可以用百分比了。
【2】另外就是 给div 加一条属性“position:absolute”，加上绝对定位，相对与body 定位。
在CSS 中如何使用百分比设置页面 Div 高度?
回答：一个登陆界面的文档结构大致如下: <div class="login_wrapper"> <div class="login_header"><\/div> <div class="login_content"><\/div> <div class="login_footer"><\/div><\/div>其中login_header和login_footer无文字内容,只有一个背景颜色,颜色区别于login_content,login_content是...
DIV CSS 如何让网页中的某DIV自动适应屏幕高度自己变如下图
1、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。2、html页面代码如图所示，定义一个div，然后给一个id属性即可。3、这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。4、然后在浏览器运行之后的效...
css让高度百分比,height:100% 生效的3种方法
比如：[html] view plain copy 132 这样从根的Html开始，到字的div结束，全部都具有百分比高度，这样，就都能够获取到高度信息；方法二 给父容器设置具体的高度信息；比如直接写死在样式中，或者用javascript来设置；示例，用js使得到高度，从而使其中的div全屏：[html] view plain copy 132 vars...
css中的div如何自动适应浏览器大小
在CSS中，使div自动适应浏览器大小的方法多种多样。其中一种方法是利用"vh"单位设定div的高度，"vh"代表视窗高度的百分比，1vh即为视窗高度的1%。若要将一个div的高度设置为视窗高度的一半，可以使用如下CSS代码：.div-class{height:50vh;}。此外，设置div的宽度为100%，则该div会随浏览器窗口尺寸变...
css行高元素的高(不确定,百分比)
首先行高百分比的书写，百分比是针对字体大小进行设置的，也就是说如果你的文字大小为20px，那么100%就是20px，这个和你的需求不符合 其次，CSS当中也不能写成height\/2的样子 那么，两种方案能够解决这个问题 1 改变标签的默认显示样式，然后使用vertical-align属性进行控制 <style>.box {width: 800px;...
如何做出css百分比图如何做出css百分比图
示例:第1部分和第3部分是120px宽，第2部分是自扩展的。1、浮动的使用 2.绝对定位(推荐)3.弹性盒 v最大宽度和最小宽度 移动网页宽度必须使用百分比，但网页的最小宽度或最大宽度只能用像素px表示。不能用百分比。示例:css怎么实现图片随网页变化而变化？可以设置宽度为一个百分比，高度自适应 ...
c和height的问
当我们尝试使用百分比给块级元素如div设置高度，如height: 50%，可能会遇到预期外的问题。这是因为百分比高度是相对于其父元素的宽度或高度的，而非绝对值。对于宽度，由于父元素不需要预先设定宽度，可以利用position属性实现动态布局，例如：父元素CSS: position: relative\/absolute;，子元素CSS: position:...
如何获得div的行高和实际高度获取div实际宽高度
2，p是块级元素，想要设置其高度可以通过css中的height来实现。height的取值可以是具体的像素值，也可以设置百分比；同时你也可以设置vh（视口高度）；3，设置siv的高度也可以通过flex布局，使得p的我高度跟随另一个元素的高度来变化；pcss布局网页如何实现网页自动适应屏幕高度和宽度？html和body高度宽度设置...
HTML\/CSS的自适应高度问题。 我觉得宽度问题可以设置为100%,但是高度问...
先设置html及body的CSS的高，分别为height:100 如下：html,body{height:100%;margin:0px;} 或 html{height:100%;} body{height:100%;margin:0px;} 后面的高为100%才有效：<table height="100%"> 或 <div style="height:100%;">
在CSS中如何设置网页的宽度,并且让网页在屏幕的中间。
如果你想这两个DIV之间有间距，那么就设置宽度为48%就行，具体自己把握，然后设置左边的DIV左浮动，右边的DIV右浮动即可。高度是可以设置固定像素的，比如一个div的宽度为48%，高度为50px都行的，可以混用，只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了 ...
