说详细点啦,底部div高度是动态的,百分比也是随时会变的。
追答高度设置百分比,如 .shenti{ height:80%;} 那么他的高度是父亲元素的高度,应该是body的高度,而body是浏览器的客户区,不就实现了么
不过css实现这个还是有点勉强,最好用jquery
$(window).height获取浏览器内容区高度,再设置div的高度
div高度设为auto不会自适应div外部容器的高度 而是适应div内部内容的高度。我问的是如何让头部div高度固定,底部div高度自适应浏览器窗口高度(撑满)。
如何设置上面固定高度下面高度百分比自动适应浏览器的高度
<body> <div class="warpbox"> <div class="topbox">上面的固定高度<\/div> <div class="mainbox">下面的区域<\/div> <\/div> <\/body> <\/html> 测试ie6\/ie7\/ff都可以 我给加上了背景颜色。看起来更明确。
如何用div实现页面上下部分固定,中间部分随滚动条移动而移动的代码
2、底部定义一个div,固定高度,设置绝对定位(position:absolute),设置下边距(bottom:0);3、中间定义一个div,设置滚动条自动( overflow: auto); 设置绝对定位(position:absolute),设置top和bottom,top的值等于头部div的高度,bottom的值等于底部div的高度 示例 <html><head> <meta http-equiv="...
怎样让一个div高度自适应浏览器高度
<div style="font: 0px\/0px sans-serif;clear: both;display: block"> <\/div> <\/div> 增加一个容器,在代码中存在,但在视觉中不可见。<div id="main"> <div id="content"><\/div> <div style="height:1px; margin-top:-1px;clear: both;overflow:hidden;"><\/div> <\/div> 增加一...
如何实现div跟随浏览器窗口大小变化
1、设定一个最外层容器div-box,实现【顶部触顶底部触底,div与页面高度间固定差值】,在css文件中的.div-box下可修改margin数值)2、前三个div可公用一个样式 div1 3、第五个div绝对定位在底部 div5,需要将div-box的position设为relative,否则会基于body定位。4、第四个div设置高度为100 (如果...
div设置高度自适应?
css设置div高度自适应div默认就是自适应高度,随内容的高度增加,也可以使用样式:style.div{height:auto;}\/style来定义自适应 怎样让一个div高度自适应浏览器高度这个方法就大致分为两种吧,第一种,用CSS的方法 第二种,用JS方法 这里暂时只演示第一种,如果第二种,另外@我 示例代码如下:CSS代码...
关于DIV布局,div高度随内容增加而增加的问题?
给div设定宽度,高度不写,或写成height:auto;就可以了,这样div的高度就是随内容而增加的。有两种情况div是不会自动增加的:一、div容器里有position:absolute;绝对定位的标签,这种要把那个决定定位的标签的高度设定。二、div容器里有float的标签,这种要清除浮动才行。
html怎么让上下两个Div没有间距,也就是垂直地排列下来,而Div与下面...
} .box1 { background: red; } .box2 { background: orange; } <\/style><\/head><body> <a href="#">这个是a标签<\/a> <div class="box box1"><\/div> <div class="box box2"><\/div><\/body><\/html> ...
怎样让DIV自适应高度
假定最低高度是200px ,设置高度200px,内容超出后IE6会自动撑高设定高度 *\/ min-height:200px; \/* css注释: css最小高度为200px支持所有浏览器,IE6浏览器除外 *\/ 这个设置,ie6,7,8 ,9,10,火狐等都能兼容2、具体设置代码:div{ _height:200px; min-height:200px \/* css 注释:两个...
三个div高度自适应一致,但是外面的padding-bottom 却失效了 代码如下...
height:10px;+padding:10px;=浏览器实际高度30px)你如果一定要加padding的话,再不影响你整体样式的情况下,你不妨再在里面套一个div并设定高度,这样就不会因为padding属性而导致高度不一致的问题 至于吞吃现象,你可以在子级上设一个边框border来分隔开相邻的2个padding,这样就不会吞吃掉了 ...
CSS DIV 怎么自适应高度 ,然后底部的DIV怎么置底。
DIV 自适应高度 你不指定高度就是自动适应 当然你可以设置最小高度,兼容所有浏览器的 height:100px; height:auto !important; min-height:100px div置顶?最顶部 可以 设置 position:fixed; top:10; right:10