关于CSS样式代码， 如何将4个小div层平均 分配不知道高度的页面。_百度知道
关于CSS样式代码， 如何将4个小div层平均 分配不知道高度的页面。
红色的箭头
高度不知道。就是适应页面大小。 如何让4个小div层纵向平均分布。 并且每个div层之间还有间隙。
我有更好的答案
设置高度为height:25%；但是之前需要给body设定一个height：100%；或者使用js计算屏幕高度 然后除以4 然后把值赋给div也可以
楼上说的不对~父层设置百分比子层无法再用百分比分配！而是子层设置为height:25%父层必须要一个明确的高度，这个高度你可以通过JS来获取屏幕的高度，然后给body一个固定的高度，这样里面的子层就可以平均分了~
设置高度为height:25%；但是之前需要给body设定一个height：100%
为您推荐：
其他类似问题
css样式的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。如何精确定位固定大小的div在网页的中间位置并且不随分辨率的设置改变(位置大小都不变)
我的图书馆
如何精确定位固定大小的div在网页的中间位置并且不随分辨率的设置改变(位置大小都不变)
所有的框模型一开始都是按文档中正常的元素流定位，而定位position属性允许我们改变这些自然的位置。通过利用一些简单的Css规则，position使得设计者可以将HTML元素精确放置，position属性确定了每个元素框（box）定位的参考点。在详细介绍之前，我们先简要的说明一下定位的4种方法：1、静止定位（static）：这种方法使得所有的元素最终位置都是一个静止位置。所以没有什么需要特殊说的。2、绝对定位（absolute）：这种方法允许用户指定元素的左上角、右下角或者其他的参考点和最近的父元素之间的关系将该元素从正常的文档流中拖出来。当页面滚动时，元素将保持它们各自的位置不变，随着页面一起滚动，就像粘在一起一样。3、固定定位（fixed）：这种方法允许元素相对于实际的浏览器窗口放置。4、相对定位（relative）：这方法定义相对于在默认情况下浏览器把它放置的位置。这个很难解释，可喜的是这个方法使用的很少。 静止定位static定位的默认值static，不使用定位属性和使用这个值对页面没有什么效果的。绝对定位absolute当一个元素被绝对定位了，浏览器做的第一件事是把它从流中完全移走，接着放置在定位属性指定的位置上。看看下面的例子：#sidebar{ position: top:100 right:200 width:280 } 上
面说了被绝对定位的元素从流中间移走了，所以在流中间的任何元素将不会受到影响，看见过网站上的小广告吧，后面的文字不会受其任何的影响，就是这样的效
果！还有这里介绍的定位是指元素，对！是元素，也就是说你可以使用在任何的元素上（包括内联元素哦），当然更多的是使用在div上。那如果我放置两个绝对定位的元素，谁会被遮挡住呢？这里需要介绍一个叫做z-index的属性，将这个属性设置的值越大，那个元素就会出现的上面。我们来看看边上的效果。我们将前面的元素设置z-index:99;在绝对定位元素内嵌套的元素进行绝对定位会怎么样呢？这件事情是要说清楚的，不要说我们没有告诉你啊，它使用的绝对定位是相对于它的父级位置的，而不是整个页面的。注
意：个人认为不要使用绝对定位的方式去布局你的网站，因为网站的内容往往会根据你数据库内容的多少来显示，也就是说你不能完全确定网站的高度（还有一个原
因不是确定高度是因为宽屏的电脑越来越多了）。而绝对定位以后你将不能应对这样的变化，比如你不能确定你的页脚放置在什么位置上合适。固定定位fixed固定定位指定元素的位置和你使用绝对定位基本相同，不过作用不同。它的位置是相对于浏览器窗口的，下面的那个div就是的，你滚动一下鼠标的滚轮看看就清楚了。#sidebar{ position: top:300 left:-90 width:280 } 注意：position:这个属性在IE6里面居然不兼容！现在使用IE6的可不少啊，那总不能就这样放任不管了吧，我提供了一个简单事例，大家可以看看通过Css hack是如何解决这个问题的。&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""& &html xmlns=""& &head& &meta http-equiv="Content-Type" content="text/ charset=utf-8" /& &title&position:fixed in IE6 修正&/title& &style type="text/css"& &!-- body{padding:0 10height:100%; font-size:12overflow-y:} #leftMenu { background: #CCCCCC; height: 300 width: 150
&position: left: 40 top: 30 border: 1px solid #666666; padding: 10
&letter-spacing: 0.2 color:#990033;} #main{ background:#36F; margin-top:450 margin-bottom:300
&float: padding:10 color:#FFF;} * html{overflow-x:overflow-y:} * html #leftMenu{position:} --& &/style& &/head& &body& &div id="leftMenu"&
&&p&这是左侧的菜单，在标准的浏览器中采用固定定位，而非标准的浏览器（IE6）中，使用了一些HACK，和IE6本身的BUG！&/p&
&&p&enjoy it!（这句英语帅不？）&/p& &/div& &div id="main"&
&&p&这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！&/p&
&&p&拖动页面右边滚动条，你可以看到，灰色的左菜单始终固定，这种现象不止于IE7、FireFox，在IE6下也有较为完美的表现~这
个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！&/p& &/div& &/body& &/html& 相对定位relative 这
个方法使用的很少，可能大家都没有用过，或者别人使用了也看不出来。先来看看它的工作原理，相对定位的元素仍然是页面流的一部分，不同于绝对定位和固定定
位。但是它在显现自身的最后一刻叛变了，它离开了自己的岗位，偏移到Css指定的位置上，原来的岗位呢？还给他留着呢！谁逼迫它叛变的？我们使用的position:和浏览器就是元凶！大家可以试试看，你指定的家伙是怎么叛变的，我就不做这个恶人了。
TA的最新馆藏[转]&[转]&[转]&
喜欢该文的人也喜欢css中 如何设置div 相对位置后，又不占位置的？
[问题点数：40分，结帖人buyingwen]
css中 如何设置div 相对位置后，又不占位置的？
[问题点数：40分，结帖人buyingwen]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2013年10月 Web 开发大版内专家分月排行榜第三
2013年10月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|CSS+DIV布局如何让一个div的位置随着另一个div的大小的变化_百度知道
CSS+DIV布局如何让一个div的位置随着另一个div的大小的变化
正在做一个网站，现在有两个div，一个middle一个foot，由于middle中的文字长短是不定的，所以希望foot能够根据middle的大小来定位，永远跟在middle的正下方，本人菜鸟，希望大家给个详细点的方法
我有更好的答案
&div class=&div1&&&&&&&div class=&div2&&&/div&&&&&&div class=&div3&&&/div&&/div&&先确定div1的大小。然后再div2和div3都加上float的属性，这样只要div2或div3有一个大小在变化，另外一个div的位置也会跟着一起变化。
采纳率：79%
来自团队：
并且有浮动的地方正确的浮动了，那么正常情况下foot本来及是在middle下方的，并且middle里面内容多高度变化就会把boot往下挤。把代码发出来;&lt&div&div&foot&/div&如果html是上面正常结构，css里面你没乱用定位去布局大的版面排版;middle&lt，你多半是错误的使用定位属性去拼出页面了;/div&gt
本回答被网友采纳
&script type=&br &#47.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot.org/1999/xhtml&&&&quot:200&br //W3C//&DTD XHTML 1;& &http://www.w3; content=&text/EN&11111&br /&22222&lt://div&&//script&&/&&gt&;br /background-color:#9999FF;br /55555&br /&结束&/&lt!DOCTYPE html PUBLIC &quot.dtd" target="_blank">http: left:50& charset=gb2312&div id=&middle& style=&quot.getElementById(&middle&).innerHTML=&middle&br /&----------------&br/&-/meta http-equiv=&&&gt.org/TR/xhtml1/DTD/xhtml1-html xmlns=&<a href="http://www.w3;66666&br /&77777&br /body&&br /&&22222&br /&33333&lt: left:50background-color:#00CCFF;&text/javascript&& function move(){
br /结束&br //div&&----------------11111&br /&22222&body&44444&br /&55555&& onclick=&move()&&middle&br /&----------------&br /&11111&head&gt
本回答被提问者采纳
在它们俩的外边再套一个DIV，不定宽，这样他俩的宽就会自适应
&div class=&middle&&&/div&&div class=&foot&&&/div&
其他2条回答
为您推荐：
其他类似问题
div的相关知识
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。css怎么让div的高度随着宽度按比例缩放_百度知道
css怎么让div的高度随着宽度按比例缩放
css怎么让div的高度随着宽度按比例缩放
我有更好的答案
　　常用的方法是通过背景图标的cover属性让div的高度随着宽度按比例缩放　　　　#banner .bd li {width: 100%;background-repeat: no-background-size:background-position: center 0;background-position: 50% 50%;-webkit-background-size: 100%;padding-top: 42%;}&#8205;
百度推广主管
2cto.com/kf/076.html" target="_blank">www.2cto.com/kf/076css不完美的，看看这个文章://www：<a href="http
我里面还要放子div，那样的话只能控制宽度，高度百分比没用，上面那个教程我也看了，没弄好，所以我改成图片了
本回答被网友采纳
你想实现什么具体点，我是做网站的
为您推荐：
其他类似问题
您可能关注的内容
div的相关知识
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。