div跳转html页面底部,即使没有内容，如何强制DIV块扩展到页面底部？

在下面显示的标记中，我试图使内容div一直延伸到页面底部，但是只有在有要显示的内容时才拉伸。我要这样做的原因是，即使没有任何内容要显示，垂直边框仍会在页面下方显示。

这是我的HTML：

而我的CSS：

body {

font-family: Trebuchet MS, Verdana, MS Sans Serif;

font-size:0.9em;

margin:0;

padding:0;

}

div#header {

width: 100%;

height: 100px;

}

#header a {

background-position: 100px 30px;

background: transparent url(site-style-images/sitelogo.jpg) no-repeat fixed 100px 30px;

height: 80px;

display: block;

}

#header, #menuwrapper {

background-repeat: repeat;

background-image: url(site-style-images/darkblue_background_color.jpg);

}

#menu #menuwrapper {

height:25px;

}

div#menuwrapper {

width:100%

}

#menu, #content {

width:1024px;

margin: 0 auto;

}

div#menu {

height: 25px;

background-color:#50657a;

}

div跳转html页面底部,即使没有内容，如何强制DIV块扩展到页面底部？相关推荐

html高度没有滚动条,Div扩展了页面高度，但没有滚动条
我在页面左侧有一个div用于导航链接.点击标题可展开链接的子集.我将此div设置为页面高度的100%,以便列占据页面的整个左侧.当所有子类别都展开时,会出现问题. div的内容在页面底部运行,但不添加 ...
前端：页面内容不够，始终把footer固定在底部
绝对定位 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
点击a标签，跳转到同一页面的指定内容，类似于点击按钮回到页面顶部效果
点击a标签,跳转到同一页面的指定内容,类似于点击按钮回到页面顶部效果这个效果实现方式很简单,只需要在a标签href内填上id名,在内容标签内加入id="名"便可. 下面是实现效果 ...
java中程序跳转_java程序中先后台交互的两种实现方式以及页面之间的跳转
虽然如今市面上很流行先后端分离,可是在不少企业中仍是使用的是SSH框架,先后端不分离. 那么此类先后端有其自身独特的先后台交互的方式,可是也支持js/jquery.下面对这两种方式作一下概括.java ...
html底部导航栏图标切换,【微信小程序】自定义底部导航栏，切换不同页面显示不同tabbar...
https://blog.csdn.net/small_lack/article/details/80959278 在一个微信小程序中想要用到两种不同的tabbar样式,需要在app.js中自定义,在 ...
微信小程序页面A携带参数跳转到页面B，页面B获取页面A传来的参数并且存到data里面，在页面B中渲染成功
页面A的wxml <view class="tuijian-food-box" ><view class="tuijian-food" wx: ...
python跳转到新页面、如何等待页面加载完_python urllib2 – 在抓取之前等待页面完成加载/重定向？...
我正在学习制作网络抓取工具,并希望抓住TripAdvisor的个人项目,使用urllib2抓取html. 但是,我遇到了一个问题,使用下面的代码,我回来的html是不正确的,因为页面似乎需要一秒钟重定 ...
微信小程序页面栈超过【10层】之后无法打开其他页面原因
微信小程序路由跳转有个隐藏的坑,就是 wx.navigateTo打开新页面,最多只能打开10个,超过10个之后就没反应,控制台也不会报错. 方案一:简单粗暴-navigateTo不行,用redirec ...
微信公众号网页底部不带返回栏或者想要隐藏微信的底部导航栏
简单直说吧 : 想要底部有导航栏跳转页面使用. window.location.href = "/wx/getAccLog?openid=" + openid; 不想要底部导航栏( ...

div跳转html页面底部,即使没有内容，如何强制DIV块扩展到页面底部？

div跳转html页面底部,即使没有内容，如何强制DIV块扩展到页面底部？相关推荐

最新文章

热门文章