如何获取自适应<div>中的设置div高度自适应

来源：蜘蛛抓取(WebSpider) 时间：2015-02-07 07:49 标签： div高度自适应
如何控制div之间自适应_百度知道
如何控制div之间自适应
中间也用的是绝对定位position，因为中间的高度不知道;div&gt.，）现在就是中间部分了，谢谢，由于高度我不能固定下来;left.;div&，我用的是div定位;top.&lt，我现在就是需要让下面部分的位置随着中间高度变化也跟着上下改变:150px，但是我用相对定位似乎也不行;/（说明，最下面的部分就不能定位了，下面不能用绝对定位;div class=&quot比如我一个网站分上中下三部分;margin-top&quot，下面部分高度也是固定的&div class=&quot，我上面的部分固定高度：网站宽度1000，关键是我中间部分！希望能写出具体代码;&&bottom&quot，我中间部分是内容;/&gt:50%:width，上面部分高度150:-500px:500，非常感谢，这个内容可以从后台修改;，或者例子，不固定高度，&lt
提问者采纳
&gt:1003/br &#47.bottom{br //div&gt，bottom中;&div&body&&lt.foot{br /&div class=&quot，foot下*/css&br /br /div class=&/&gt:200br /&br /&&br /foot&};div&&/&&&body&top&};&style
type=&&gt:text/&lt.foot{ width,;&#47.top{&&&&&&&#47:0br /br //style&};&*top 上:left&&&lt:&gt,.&div&&&:&div class=&&br /br /div class=&}&lt. margin.left{ float:/br &#47&head&&&&bottom&quot:150&&&};&&&&&&gt
提问者评价
非常感谢您，解决了我的难题
其他类似问题
您可能关注的推广
div的相关知识
其他2条回答
同学的跟你的正好相反，下面部分就会跟着中间高度变化？把你CSS代码都贴出来看看，用相对定位。我搞不清楚你为什么会出现这种情况，是不是中间使用了框架
一个网站 上中下，直接排下来就行了为何用absolute
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁如何用CSS实现垂直排列的多个元素自适应居中?
&p&容器的高度是固定的.&/p&&p&已经尝试过的办法是:&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&kd&&var&/span& &span class=&nx&&padding&/span& &span class=&o&&=&/span& &span class=&p&&(&/span& &span class=&nx&&parentHeight&/span& &span class=&o&&-&/span& &span class=&nx&&itemHeight&/span& &span class=&o&&*&/span& &span class=&nx&&length&/span& &span class=&p&&)&/span& &span class=&o&&/&/span& &span class=&p&&(&/span& &span class=&nx&&length&/span& &span class=&o&&+&/span& &span class=&mi&&1&/span& &span class=&p&&);&/span&
&span class=&kd&&var&/span& &span class=&nx&&css&/span& &span class=&o&&=&/span& &span class=&p&&{&/span&
&span class=&nx&&paddingBottom&/span&&span class=&o&&:&/span& &span class=&nx&&padding&/span&&span class=&p&&,&/span&
&span class=&nx&&paddingTop&/span&&span class=&o&&:&/span& &span class=&nx&&$index&/span& &span class=&o&&?&/span& &span class=&mi&&0&/span& &span class=&o&&:&/span& &span class=&nx&&padding&/span&
&span class=&p&&};&/span&
&/code&&/pre&&/div&&p&有没有纯CSS的方案?&/p&&br&&p&**Update**:&/p&&p&要实现的大概是这样的效果:&/p&&div class=&highlight&&&pre&&code class=&language-css&&&span class=&nc&&.outer&/span&&span class=&p&&{&/span&
&span class=&k&&height&/span&&span class=&o&&:&/span& &span class=&m&&480px&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&nc&&.outer&/span& &span class=&o&&&&/span& &span class=&nt&&div&/span&&span class=&p&&{&/span&
&span class=&k&&height&/span&&span class=&o&&:&/span& &span class=&m&&40px&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&div&/span& &span class=&na&&class=&/span&&span class=&s&&&outer&&/span&&span class=&nt&&&&/span&
&span class=&c&&&!-- 这里有自适应的padding --&&/span&
&span class=&nt&&&div&&/div&&/span&
&span class=&c&&&!-- 这里有自适应的padding --&&/span&
&span class=&nt&&&div&&/div&&/span&
&span class=&c&&&!-- 这里有自适应的padding --&&/span&
&span class=&c&&&!-- 这里有自适应的padding --&&/span&
&span class=&nt&&&div&&/div&&/span&
&span class=&c&&&!-- 这里有自适应的padding --&&/span&
&span class=&nt&&&/div&&/span&
&/code&&/pre&&/div&
容器的高度是固定的.已经尝试过的办法是:var padding = ( parentHeight - itemHeight * length ) / ( length + 1 );
var css = {
paddingBottom: padding,
paddingTop: $index ? 0 : padding
有没有纯CSS的方案?**Update**:要实现的大概是这样的效果:.outer{
height: 480px;
.outer & div{
height: 40px;
&div class="outer"&
&!-- 这里有自适应的padding --&
&div&&/div&
&!-- 这里有自适应的padding --&
&div&&/div&
&!-- 这里有自适应的padding --&
&!-- 这里有自适应的padding --&
&div&&/div&
&!-- 这里有自适应的padding --&如何保证div下的&A&标签的内容在同一行，其中div固定宽度，高度自适应。div下有许多a标签个是不定。_百度知道
如何保证div下的&A&标签的内容在同一行，其中div固定宽度，高度自适应。div下有许多a标签个是不定。
a&a&&#47，就会有内容在2行显示;//a&/&每个&lt，当n+1个超链接加入时超过了div的固定宽度;&a&&lt代码样式如下。改怎么做;&div&a&a&gt，一行有n个超链接;&gt:&标签的宽度都小于div的固定宽度;a&&div&&lt。我想让第n+1个超链接自动换行从下一行开始;&&lt
提问者采纳
加个属性：white-space:
加在哪个标签的样式里？我初学css不怎么会，能解释下white-space:nowrap的作用吗？
在CSS文件里这么定义a{white-space: }这样所有&a&包括的内容都不会换行。
提问者评价
谢谢，解决了。
其他类似问题
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁星狮创想：web标准常见问题集合_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
喜欢此文档的还喜欢
星狮创想：web标准常见问题集合
阅读已结束，如果下载本文需要使用
想免费下载本文？
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
你可能喜欢

我要回帖

更多关于 div高度自适应 的文章

 

随机推荐