腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
如何使DIV填充页面,而不使用“立场:绝对;”?
css
、
layout
、
html
我正在设计一个页面布局,它有几个页眉、一些主要内容和一个页脚。 我希望在主内容中使用jQuery UI选项卡小部件,并在其周围加上边框,因此div必须填充页眉和页脚之间的所有空间,还希望内容在需要时展开,从屏幕底部展开,并显示一个滚动条,以便向下滚动并查看它。 实际上,我希望内容div的最小高度是页眉和页脚之间的距离,但允许它扩展。 方法,如果我不想在我的主要内容周围设置边框的话,它会很好地工作。在这个示例中,带有红色2px边框的div首先需要填充页面,当您单击“添加内容”按钮以添加更多从屏幕底部移出的内容时,它需要按下页脚并显示一个滚动条。 这就是我想要达到的目标: ...wit
浏览 6
提问于2013-01-22
得票数 2
1
回答
内容div水平居中且高度为100%的粘性页脚情况
css
、
html
、
height
、
centering
、
sticky-footer
我正在尝试将粘性页脚和页眉合并到每个页面上的内容波动的网站上,一些页面只有一段或更少的文本,而一些页面有多个段落。 我希望白色背景的div在页眉和页脚之间填满页面的100%,这样无论页面中有多少内容,或者查看者的分辨率有多大,白色div都将是100%垂直的(减去页眉和页脚)。 我一直在修补这方面的代码: #middle-cell { vertical-align:top; height: 100% } 这是我目前所拥有的。 但到目前为止,我还没能让它工作。
浏览 10
提问于2014-02-07
得票数 0
4
回答
在页眉和页脚之间填充DIV,但不再填充
html
、
css
我怎么能有一个页眉和页脚,中间有一个MainContent div,可以填充所有可用的区域,但从不超出页脚或页眉的范围? 换句话说,在页眉和页脚之间填充剩余的空间,但永远不使用更多的空间? 我想不出我是怎么做到的。我尝试过多次尝试,但都失败了,因为中间的内容div总是溢出超过页脚顶部,这是我不希望发生的。我希望内容div只延伸到页脚顶部,仅此而已。 我确实尝试设置溢出:隐藏;但这只是阻止滚动条出现,没有其他。 不允许Javascript。
浏览 5
提问于2013-08-22
得票数 0
回答已采纳
2
回答
固定页眉/页脚+内容高度100%会导致不需要的垂直滚动
html
、
css
、
css-position
、
horizontal-scrolling
我试图实现一个水平滚动网站与一个固定的页眉和页脚。 目标: 1.固定页眉和页脚2.没有垂直滚动3.内容div填充页眉和页脚之间的所有空格。 我使用的位置:绝对的内容,以确保高度:100%占据之间的页眉和页脚之间的面积。(我的第三个目标)然而,这也会导致一个垂直滚动条出现。 现场演示: 如果没有垂直滚动条的出现,我如何实现我的目标? 提前谢谢! html代码: <div id="total"> <header id="1"> <div id="a">
浏览 4
提问于2013-08-13
得票数 3
回答已采纳
3
回答
为什么我的CSS网格没有使用所有可用的空间?
angular
、
css-grid
我有以下简单的布局: body { height: 100% } .container { height: 100%; display: grid; grid-template-rows: 100px 1fr 100px; } .header{ background: red; } .content{ background: blue; } .footer{ background: yellow; } <body> <div class="container"> <div clas
浏览 0
提问于2020-10-07
得票数 0
2
回答
css在100%高度下的难度
css
我正在尝试创建一个左侧带有面板的页面。面板有一个页眉、一个内容区域和一个页脚。主面板包装器div应该是页面高度的100%。页眉和页脚没有指定的高度,因为我只希望它们足够大以容纳文本和填充,而中心内容区域我希望是容器的100%减去页眉和页脚的高度。我不确定如何或者是否可以在css中做到这一点。有人知道该怎么做吗?谢谢。 html页面和css在这里-
浏览 3
提问于2012-01-20
得票数 0
回答已采纳
5
回答
使用div的html 3行布局
html
、
css
、
layout
、
web
我有3行标题,页脚和内容,但我的内容div太大,使窗口滚动。如何将固定的内容放在页眉和页脚之间,以及如何更改高度以使其不必滚动窗口 我的index.php <body> <div id="container"> <div id="header"> </div> <div id="content"> </div> <div id="footer"> </div> </div&g
浏览 0
提问于2013-02-22
得票数 0
回答已采纳
3
回答
如何在CSS中创建具有固定页眉和页脚的完整高度内容部分,如果不需要,可以隐藏滚动条。
html
、
css
在堆栈溢出中有很多这样的问题,但是没有一个问题完全符合我的要求。我的要求: 固定页眉和页脚 内容部分,它在页眉和页脚之间占据100%的空间,即使很少或没有内容。 除非页脚太大且需要滚动条,否则内容部分不会在页脚下面。 当内容适当地放在页眉和页脚之间时隐藏的滚动条 问题是如何在没有任何JavaScript的情况下实现这一点?
浏览 7
提问于2016-01-20
得票数 1
回答已采纳
2
回答
为什么第二页的页脚不在底部?
html
、
css
我正在尝试创建一个在每个打印页面上显示页眉和页脚的页面。到目前为止,当只有一页要打印时,页眉和页脚的位置已经正确。但是当有两个页面时,就会出现这个问题。第2页的页脚将不会定位在页面的最底部。我已经将位置固定并将底部设置为0,但它仍然在发生。有人能指出为什么会发生这种情况吗?我怎样才能修复它? <table cellSpacing="0" cellPadding="0" style="height:100%; width: 100%;"> <tr>
浏览 0
提问于2019-11-15
得票数 0
4
回答
如何让同级div动态填充父级?
html
、
css
、
layout
、
height
我基本上有一些兄弟div,页眉,内容,页脚。我想让内容在调整窗口大小时动态填充页眉和页脚留下的父级空间。 我尝试过在所有或部分元素上使用高度:100%,这总是会使元素太高。我不想要滚动条。这可以只使用CSS完成吗?还是必须使用Jquery? HTML <html class="fill"> <body class="fill"> <div>header</div> <div class="content">content</div>
浏览 1
提问于2012-09-19
得票数 2
回答已采纳
2
回答
绝对定位元素按另一个元素的边距移动
css
、
positioning
、
margin
、
absolute
下面是我的jsFiddle来回答以下问题: 我想有一个头部,保持在身体的顶部和脚,保持在身体的最底层。我在页眉和页脚之间有一个内容div (位置:相对),当我在div周围设置一个边距时,我绝对定位的页眉和页脚从它们的顶部/底部位置移动到该边距的高度(这也发生在我尝试在div中的段落之上和下面设置一个边距时)。在小提琴,你可以看到,页脚没有连接到底部,即使它是绝对定位(我继续前进,使页眉静态,因为静态给出了预期的结果)。如何将页眉和页脚定位到主体的顶部和底部,而在中间没有内容移动这两个元素?如果位置:绝对元素被移出流,为什么会有任何影响它们的位置呢? 我已经尝试搜索这里和谷歌的"CSS保
浏览 9
提问于2012-07-06
得票数 4
回答已采纳
2
回答
CSS相对大小的页眉/页脚
asp.net
、
css
、
header
、
footer
、
css-position
我不是CSS专家,所以我可能遗漏了一些明显的东西。我正在尝试设置一个相对大小的页眉和页脚(以便在较大的显示器上,页眉和页脚比在较小的屏幕上要大)。为此,我使用了一个百分比高度。但是,只有当我将position设置为absolute时,这才能起作用。问题是,将它设置为绝对意味着它会重叠屏幕的主要部分(在页眉和页脚之间)。将其设置为relative不起作用,因为它依赖于页眉/页脚中的项。我的页眉是这样的: .header { position:absolute; top:0px; background-color:white; width:100%; he
浏览 4
提问于2010-05-06
得票数 0
回答已采纳
1
回答
创建高度以百分比定义的可滚动内容区域时出现问题
javascript
、
jquery
、
html
、
css
我们正在创建一个具有页眉、内容和页脚的网页。页眉和页脚应该始终可见,内容应该是可滚动的。容器div有固定的宽度,但没有固定的高度。我解决了页脚留在最后的问题,使用css的粘性页脚()内容区域被分成两部分(content1和content2),并且有一个灵活的可滚动的div。 问题是,内容区域的高度并不是绝对定义的(即100%)。我们希望当content1或content2中的数据超过屏幕尺寸时,它会自动溢出到自己的独立滚动条中,并且页眉和页脚仍然可见。 我们希望避免使用iframe。有没有什么办法,我们可以用javascript (jquery或其他)来实现呢?我们受到goole docs主页
浏览 3
提问于2009-07-29
得票数 1
1
回答
如何使div获取sreen剩余高度
html
、
css
我想扩展div标记以适应移动屏幕的高度 <div id="header"></div> <div id="container"></div> <div id="footer"></div> 页眉和页脚没有固定的高度值,我想让容器适合剩余的屏幕高度。 当我使用的时候: html , body {height:100%;} #cointainer{height:100%;} 我必须滚动才能显示页脚。 所以我希望页眉和页脚的height:auto和容器采用剩余的高度。
浏览 2
提问于2013-04-17
得票数 1
4
回答
粘性页眉和页脚可滚动内容
html
、
css
我试图创建一个包含三个div的页面:一个页眉、一个页脚和一个内容区域。这些应该占100%的屏幕。 页眉和页脚都很小,不会改变,内容区域可以是任意大小,所以我添加了overflow:auto,使其在变得太大时滚动。 问题是,它溢出了屏幕的高度。我创建了一个小提琴来演示: 我使用以下CSS设置html和身高,因此容器上的height:100% 可以工作: html, body { height: 100%; } 我的文件结构如下: <div style="height:100%;"> <div> Header content <
浏览 3
提问于2016-06-17
得票数 16
回答已采纳
6
回答
Div展开以可视方式填充垂直空间
html
、
css
我有一个有页眉、内容和页脚的页面。页眉和页脚的高度是固定的,我想让内容调整它的高度,这样它就可以动态地适应页眉和页脚。我计划在我的内容中放置一个背景图像,因此它实际上填充其余未占用的垂直空间是至关重要的。 我使用方法来确保页脚保持在页面底部。然而,这并不会使内容覆盖剩余空间的整个高度。 我尝试了几种解决方案,其中包括添加height:100%, height:auto; position:relative,但都不起作用。 html, body { height: 100%; background-color: yellow; } header { width: 100%;
浏览 0
提问于2012-05-06
得票数 20
回答已采纳
3
回答
CSS粘性页脚-内容样式的问题
html
、
css
我正在尝试用CSS实现一个粘性页脚。我意识到这是一个常见的问题,所以我尝试了通过谷歌找到的各种解决方案。 然而,我发现的解决方案都不能完全实现我想要做的事情。我不仅希望页脚在底部,而且我可以在页眉和页脚之间放置一个div,它占据了所有可用的空间,即使没有足够的内容(想象一下,如果你在#content周围放一个边框,它应该从页眉一直扩展到页脚,无论有多少内容)。 这就是解决方案失败的地方。“推送”元素中的任何一个都会成为障碍。或者,如果不破坏页脚或增加超过100%的页面宽度,就无法将div设置为100%。 下面是基本的标记: <!DOCTYPE html> <html>
浏览 2
提问于2013-03-03
得票数 1
3
回答
将iFrame设置为固定页脚和页眉之间的完全高度
css
、
jquery-mobile
、
cordova
、
iframe
、
phonegap-build
我正在通过JQM创建一个站点/ html5应用程序。 每个页面都有一个固定的页眉和页脚,中心内容可以滚动。在一个页面上,我有一个iframe,它是基于url -for (一个外部站点)动态填充的--通过本地存储传递。 目前,iframe似乎有一些任意的高度,远远小于固定的页眉和页脚之间的固定差异。 我需要iframe来填补页眉和页脚之间的空白,这样中间部分(主)只填充了iframe。我需要这是一个完美的适合,这样我就不会在滚动中得到滚动时,外部链接的页面是更大的高度之间的页眉和页脚(如当在移动设备上观看)。 我的html如下所示: <body> <div dat
浏览 5
提问于2014-11-21
得票数 2
回答已采纳
2
回答
未知的页眉,页脚高度和中间内容与滚动?
css
、
responsive-design
、
footer
我试图创建一个页面,这将有未知的高度(或最小高度)和滚动中间内容的页眉和页脚div,如果内容增加,所有这三个应该只适合屏幕。 我在下面试过了,如果页眉和页脚的高度是固定的,如果只有中间的内容增加了,那么我就可以完美地滚动内容div。如何处理页眉和页脚的未知高度部分以使其适合?我给了min-height,但不起作用。 #Pageheader { position: fixed; top: 0; left: 0; right: 0; height: 100px; background-color: Blue; } #Pagefooter { position: fixed; bottom: 0;
浏览 2
提问于2014-03-27
得票数 1
2
回答
三个div,中间可滚动和自动填充内容
css
、
html
我有三个垂直堆叠的div。页眉、内容和页脚。所有页面的宽度都设置为页面宽度的100%。页眉和页脚有一个定义的高度(比如75px)。 我试图让内容div被页脚推高,并填满中间留下的所有空间。(如果页脚变成不可抗力的,那么content div也会填补这个空白) 我该怎么做呢?谢谢。 这就是我到目前为止所拥有的代码。 <div id="wrapper"> <div id="header" style="background-color: orange;width: 100%;height: 75px;positio
浏览 3
提问于2011-12-29
得票数 1
回答已采纳
1
回答
使用CSS扩展基于内容的div?
html
、
css
、
web
在我问问题之前,我想让你知道,你在JSFiddle上看到的东西与你在普通浏览器上看到的不准确。实际上,您不必在实际浏览器上滚动,页脚是固定位置。您有一个页眉和一个固定的页脚,内容div是950 no,它填补了页眉和页脚之间的空白,没有滚动。 也就是说,您可以在页眉和页脚之间看到中间的黑色内容div。我的问题是,我把它设置为950 My,它填补了页眉和页脚之间的空白。如果页面上的内容大于我设置的950 of的大小,我希望通过滚动来扩展div。有没有办法做到这一点,或者我只需要直接为每个页面设置我的div根据我添加了多少内容?我只希望滚动功能添加,如果它超过950 if。 HTML: <
浏览 3
提问于2013-07-26
得票数 0
回答已采纳
2
回答
引导4:匹配100%高度的页眉和页脚+谷歌地图
html
、
css
、
bootstrap-4
我正在尝试使用Boostrap 4.1创建一个网页,其中包含一个页眉,一个填充100%内容的Google地图,以及一个地图下面的页脚。 --------------------------------------------------------------------- | Header | --------------------------------------------------------------------- |
浏览 1
提问于2018-05-17
得票数 1
回答已采纳
1
回答
css -相对页眉和粘性页脚,动态内容,未知的高度,都在一个容器的响应宽度?
jquery
、
html
、
css
、
responsive-design
、
sticky-footer
我在一个相对页眉和粘性页脚上工作,动态加载内容(有时是空的div (未知高度),因此高度为100 of;),所有这些内容都在响应容器中,根据设备的宽度(宽度:100 of;)调整到最大宽度为350 max。 从这里开始,一些内容会动态地加载到页眉上方,并且应该将页眉和内容按下,但是应该保持粘性页脚的位置。当动态内容溢出时,应该在页眉下方和页脚上方滚动,因为两者都是半透明的。 已经尝试过(相对和绝对)的各种组合。下面是最接近的组合,例如:..。但这种组合猜测的是动态内容的百分比高度,而出现的内容在范围内格式不正确,并且由于绝对定位而不按下动态内容!? 需要对CSS进行哪些调整来说明这些规范? H
浏览 0
提问于2014-06-14
得票数 2
回答已采纳
2
回答
CSS/DIV问题
css
、
html
我有一个页眉和一个页脚,一个页眉放在顶部,一个页脚放在底部,还有一个silverlight控件,我想在两者之间占据尽可能多的空间,而不会溢出到页脚(或页眉)。如果我这样做了,它基本上是有效的: div#silverlightControlHost { float:left; height: 80%; width: 100%; } div#footer { position: absolute; bottom: 0px; width: 100%; left: 0px; } 我遇到的唯一问题是分辨率较低,比如1024x768,在这种情况下,silverlight控
浏览 0
提问于2010-09-22
得票数 0
回答已采纳
1
回答
如何使表标签和div标签的高度行为相同?
html
、
css
我试图实现一个典型的布局,其中有一个页眉,中间和页脚区域。我特别想确保页脚永远不会高于可见屏幕的底部。换句话说:当中间有短的内容时,页脚应该正好在页面的底部;当中间有高的内容时,页脚可以在折叠下面,并且必须在中间内容的底部。 另一个限制因素是,我正在使用大量现有的HTML,而这些HTML是我无法全盘更改的--我基本上只能更改所涉及的CSS。中间区域有时是表标记,有时是div。这就是问题所在- div和table在这里的表现不同(最新的Chrome,Safari & FF)。 我可以使用哪些CSS来同时适用于表和div (并且在桌面浏览器的合理范围内工作,让我们说说过去3年的任何事情)?
浏览 0
提问于2013-06-28
得票数 0
回答已采纳
2
回答
具有页眉和页脚的两列页面布局
css
、
layout
、
graphics
、
html
我试图创建两列布局与页眉和页脚,使左栏,页眉和页脚保持固定,水平和垂直滚动应出现在主要内容上的汽车,我已经实现了这是 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <style type="text/css"> .header{width:100%;} .left_panel{float:left; width:15%; height:500px; overfl
浏览 0
提问于2011-05-21
得票数 1
1
回答
具有固定页眉和页脚的跨浏览器表格布局
css
、
layout
我需要帮助实现下面的布局:页眉和页脚分别贴到顶部和底部,内容填充所有剩余的空间。 问题是没有指定页眉和页脚的高度。我试着使用表格,这是有效的,但只在Chrome中。我需要它在IE8+中工作。也许修改我的尝试很简单? 下面是我所做的(): <!--HTML--> <table> <tr><td id=header></td></tr> <tr><td id=main><div>content</div></td></tr> <
浏览 1
提问于2014-04-15
得票数 0
2
回答
CSS将高度设置为%而不是em会导致div元素丢失
html
、
css
老实说,我对CSS和HTML非常陌生,我以前使用过它,但我在嵌套元素等方面并不太有经验,所以毫无疑问,我在这里做错了什么。 我希望我的页眉和页脚的高度是页面的10%,内容是80%。 我把这些元素的宽度设置得很好,所有这些元素都使用百分比,但高度并不是在玩球。 这是我的html: <body id="<%= params[:controller].parameterize %>_controller"> <div class="header"> </div> <div class="content
浏览 1
提问于2014-11-18
得票数 0
回答已采纳
1
回答
了解div和CSS
css
、
html
我认为如果你有一个css高度为100%的div,那么嵌套在其中的任何div都只会占用其父div的空间。情况似乎并非如此。 我试图在我的flash游戏的网页上有一个页眉和页脚。我不想有任何垂直滚动和内容应该占据整个页面。我有一个div格式,如下 <div id="wrapper"> <div id="header"></div> <div id="swfcontent"></div> <div id="footer"></div&g
浏览 2
提问于2013-02-22
得票数 1
3
回答
css布局问题(关于列)
html
、
css
、
two-columns
我有这个HTML结构 <div id="header"> … </div> <div id="menu"> ... </div> <div id="content"> ... </div> <div id="footer"> ... </div> 和CSS: #header { height: 100px; } #footer { border: 1px solid #989898;
浏览 0
提问于2011-03-30
得票数 1
回答已采纳
4
回答
如何布局HTML元素相对于底部?
html
、
css
、
reactjs
我试图在react中布局3个元素(没有jQuery和引导)。见图: 实际上,应用程序有一个容器div,它的主体高度为100%,设置为窗口高度。它有三个子元素: 标题:相对于容器顶部的位置 页脚:相对于容器底部的位置;可能具有可变的高度。 内容:相对于页脚顶部的位置 使容器和页眉就位很容易,但页脚和内容是困难的部分。我的代码如下所示: CSS: html, body { height: 100%; width: 100%; margin: 0; padding: 0; } .container { height: 100%; } #foote
浏览 1
提问于2017-10-12
得票数 0
回答已采纳
4
回答
我们网站的CSS内容区域正在滚动,而它不应该滚动
html
、
css
、
header
、
footer
好的,所以问题是我有一个页眉,页脚和内容div,我想要的是让内容div自动填充页眉和页脚之间的浏览器高度,使页脚停留在页面的底部,或低于内容长度。 当您转到时,您可以在索引页面上看到这个问题,因为内容区域比浏览器窗口小,所以我们在div中添加了一个高度来解决脚注浮动问题。 我用jquery修复了它。 $('#sitewidth').css({'height':(($(document).height())-320)+'px'}); $('#contentbody').css({'height':((
浏览 0
提问于2012-01-12
得票数 0
回答已采纳
1
回答
css -max-高度: 100%不适用于文本区域
html
、
css
、
textarea
我有一个div,它由页眉、文本区域和页脚组成。页眉和页脚和它们的内容一样大,文本区域占用了剩余的空间。textarea的max-height为100%,因为文本区域的高度不应超过100%。但是,如果调整textarea的大小,textarea将超过父区域的100%。如何防止这种情况发生? 代码: 摘要: 所有元素高度之和必须为100%。 textarea-wrapper div的高度应该是totalHeight(100%) - headerHeight - footerHeight。 页眉和页脚不能有固定的高度,它们应该和它们的内容一样大。 父/包装器div的高度必须为80%,
浏览 3
提问于2016-12-24
得票数 3
3
回答
UICollectionView:如何在页脚和页眉之间添加空格?
iphone
、
ios
、
ios6
、
uicollectionview
我有一个使用标准FlowLayout类的CollectionView,它具有水平滚动以及每个部分中的页眉和页脚。 现在页脚和页眉视图之间(即部分之间)没有像素。我想在它们之间添加一些间距,但不是在第一部分以上或最后一部分之后。所以我不能仅仅在页眉和页脚视图中添加空格。 我会期待类似于"interSectionSpacing“的内容,但显然没有这样的设置。有什么想法吗?
浏览 0
提问于2012-10-02
得票数 9
回答已采纳
2
回答
页眉背景未继承设置的高度
html
、
css
我正在创建一个网站作为一个项目,并遇到了一个关于标题的问题。基本上,页眉被设置为浏览器窗口的50%的高度,然而,它似乎只与页眉中的内容一样大(2个标题)。 我已经把这个网站上传到了 HTML <header role="banner" id="banner"> <div class="not-fullscreen background bgheader1"" data-img-width="1600" data-img-height="1064"> <d
浏览 1
提问于2015-03-06
得票数 0
1
回答
使用具有冻结页眉和页脚的react虚拟化窗口滚动器
flexbox
、
react-virtualized
我正在使用带有CellMeasurer的react虚拟化的CellMeasurer来滚动100个样本记录,而且它本身工作得很好。 现在,当我将这个组件放置在内容窗格中时,它上面和下面都有一个冻结的页眉和页脚(使用flex),react虚拟化并不会带来第一页之外的额外数据。 我的容器页面的结构与create app模板相同: <div className="App"> <div className="App-header" /> <div className="App-intro"
浏览 2
提问于2017-09-20
得票数 3
回答已采纳
3
回答
不同宽度内容页脚的页脚
html
、
css
我有100%宽度的页眉和980 of的内容和100%宽度的页脚。但是页脚并不是坐在页面的底部。这取决于联系方式。请看我下面的代码,如果编码有任何问题,请告诉我。 我搜遍了所有的帖子,但没有什么对我有用。如果你看到google.com页脚,无论屏幕分辨率如何,它总是在脚上。 * { margin: 0px; padding: 0px; } body, html { position: relative; background-color: #fff; heigh
浏览 1
提问于2014-06-22
得票数 0
回答已采纳
6
回答
如何定位DIV以填充页眉DIV和页脚DIV之间的所有可用空间?
html
、
css
假设我有个家长。里面有三个子DIVs:页眉、内容和页脚。标头被附加到父文件的顶部并水平地填充它。页脚连接到父级的底部,并且水平地填充它。内容应该填充页眉和页脚之间的所有空格。 父母必须有固定的宽度和高度。内容DIV必须填充页眉和页脚之间的所有可用空间。当内容DIV的内容大小超过页眉和页脚之间的空间时,内容DIV应该显示滚动条,并允许适当的滚动,这样页脚内容就不应该模糊,页脚内容也不应该模糊。 现在是困难的部分:,你不知道页眉的高度,也不知道在之前的页脚。页眉和页脚被动态填充)。如何在不使用的情况下定位内容 示例: <div style="position : relative;
浏览 15
提问于2008-09-11
得票数 8
2
回答
CSS - Strech div以填充屏幕的可用高度(页眉固定高度,页脚未知高度)
html
、
css
基本上我有这个布局 <div id="container"> <div id="header"></div> <div id="content"></div> <div id="footer"> <img src="" alt=""/> </div> </div> 而这个CSS #container { height: 100%; }
浏览 0
提问于2016-04-03
得票数 3
回答已采纳
2
回答
需要div来填补两个div之间的空白
html
、
css
给定以下HTML: <div id="wrapper"> <div id="header">*header*</div> <div id="content">*content*</div> <div id="footer">*footer*</div> </div> 和以下CSS: #wrapper { min-height:100%; position:relative; } * {margin:0;padding:0;height:
浏览 0
提问于2013-04-18
得票数 3
回答已采纳
4
回答
页眉、主页、页脚拉伸以填充页面
jquery
、
css
、
html
、
positioning
我希望有以下类型的HTML: <header></header> <div id='main'></div> <footer></footer> 其中所有的优选地相对地定位。页眉和页脚将具有已知的高度。默认情况下,我希望主div填充整个页面,页眉在页面的最顶部,页脚在页面的最底部。 帮助?
浏览 2
提问于2012-06-29
得票数 2
回答已采纳
2
回答
Flexbox:当img太大且高度100%时,flex 1会变得太大。
css
、
flexbox
我想用Flexbox在CSS中做一个典型的页眉/内容/页脚布局。页眉和页脚应该有固定的大小。内容应该与包装一起缩放,所以我想我给它一个flex属性为1。 工作很好,但我希望在内容div中有一个img,它的高度可以达到100%。 对于小型图像,它可以工作,但当它超过内容div的大小时,div就会扩展到img? 我模拟了这个问题: .wrapper{ display: flex; flex-direction: column; height:200pt; background: grey; } .a{ height:50pt; background: blue; }
浏览 0
提问于2020-05-04
得票数 2
回答已采纳
1
回答
基于百分比的divs和响应性设计
css
、
responsive-design
我已经将html和身体宽度和高度设置为100%。为什么这还不足以显示我的背景图像(#home3 1,#home3 2,#home3 3)?这不是设置了像素,所有的div将作为其高度的基础?我希望内容指定页脚和页眉上的高度(没有像素高度)。布局应该是: logo...full高度(减去页眉和页脚)。#照片组.全高(减去页眉和页脚)。图片组应将每一张照片占#照片组的30%。目前,除非我在..pic group上设置像素高度,否则不会显示图像。我想做什么,我错过了一些显而易见的事情吗?设置一个基于像素的高度将“侮辱”我的流体布局尝试。 <?php session_start(); inclu
浏览 0
提问于2015-01-09
得票数 0
回答已采纳
1
回答
放置100%高度
html
、
css
、
cross-browser
目前,我有困难,使我的布局工作跨浏览器。在附加的图像中,您可以看到预览。 height: 100%; 一些资料: div #报头 宽度: 100% 高度:可变 div #侧边栏(溢出-y) 宽度:300 高度: 100%减去页眉+页脚高度 div #frameHeader 宽度: 100%减去边栏宽度(300 100) 高度: 100%减去页眉+页脚高度 iframe #iframe (溢出-y) 宽度: 100%减去边栏宽度(300 100) 高度: 100%减去页眉+页脚+帧头高度
浏览 4
提问于2013-07-15
得票数 0
2
回答
CSS3:另一个未知高度中未知高度的盒子- 100%高的盒子
html
、
css
在我的网站上,有一个全屏background-image (所以它从底部到顶部,从一个站点到另一个站点)。这个图像应该一直都是可见的,不应该被图像以外的任何元素隐藏,等等。 我有三个主要部分: 标题 内容 页脚(固定) 他们有一个透明的背景,所以我的页面背景是可见的所有他们。页眉和页脚颜色相同(颜色较深),内容区域较浅. 页眉和内容包装在<div>元素中,页脚包装在HTML5 <footer>元素中。我使用一个固定位置的页脚,我的页眉和内容区域的高度都是未知的. 我希望内容区域使用页眉和页脚之间的全部高度。有没有人建议如何做到这一点? 代码: *
浏览 6
提问于2016-03-03
得票数 1
回答已采纳
3
回答
css页脚的问题
css
我有一个页面,它有一个页眉,一个页脚中间部分,应该增长,以填补页面的其余部分。 也就是说,它看起来像这样 让我描述一下我想要的布局,header = 100%的页面宽度和固定的高度。我不想让它漂浮起来。content =最小宽度为760像素,最大高度为1000像素,以填充到页面末尾。但是,不能与页脚重叠。页脚应该向下推。如果内容小于100%,页脚应该在底部,而不是向上移动。页脚= 100%页面宽度,并且始终位于内容的底部。 现在我遇到的问题是让页脚转到底部。我可以把它放到content div下面,但不能放到页面的底部。 我如何在CSS中实现这一点?做这样简单的事情似乎非常困难。
浏览 1
提问于2010-07-09
得票数 1
回答已采纳
10
回答
如何使只使用CSS的页眉和页脚之间的div响应高度?
html
、
css
我有一个HTML页面的固定高度,页眉和页脚,并在两者之间的元素。 我希望元素始终具有屏幕的总高度(不包括页眉和页脚)。例如,假设屏幕的总高度为1000 be,每个页眉/页脚的固定高度为60 be> div元素高度应为880 be。现在,我面临的挑战是让它响应(不管屏幕大小如何,行为应该如所描述的那样),而不必使用JavaScript/JQuery。只有CSS。 我开始用“高度: 100%”,但不知道该怎么做. <html> <head></head> <body> <header class="h
浏览 16
提问于2015-05-27
得票数 6
3
回答
固定页脚和页眉以及使用css的动态内容
html
、
css
我已经花了几个小时试图解决这个问题,但没有任何结果。 我想要的真的很简单(理论上)。我想要一个全屏网页的页眉,始终留在顶部和页脚,始终留在底部。内容是动态的。如果它超出了页面,它应该会增长,从而将页脚向下推。我想要一个980像素宽的div在内容是水平居中。我想给那个div一个不同于背景颜色的颜色。如果内容只有一行文本,我仍然希望div (背景颜色)是页脚和页眉之间的100%空间。我做了一个多彩的例子: 到目前为止,我的代码如下: <html> <head> <style> #container { height: 100%; wid
浏览 1
提问于2013-11-03
得票数 3
1
回答
当没有没有位置的内容时,底部的默认页脚:绝对
html
、
css
我需要像页眉内容和页脚这样的布局。 我的要求是..。 页脚Div的默认位置在底部,甚至在内容Div中没有内容。 当内容Div的内容展开时,整个主体(包括页眉、页脚)需要基于内容Div展开。 我不需要位置:固定的页脚Div..。 我已经在我的项目中尝试了一些代码. CSS: body { height:100%; margin-left: 0; margin-top: 0; padding:0;
浏览 1
提问于2015-05-03
得票数 0
2
回答
用固定页眉/页脚填充100%父级高度的表
html
、
css
、
html-table
这个问题已经被问了一百万次,并且得到了同样多的不同的解决方案,但我似乎找不到一个与我的情况相关的问题,因此我为什么要再问一次。 我想要创建一个表,它填充了它的父容器的100%,其中有一个锁定的页眉和页脚。找到一个干净,简单的解决方案可能会导致骑士身份,所以我知道这不是一个简单的任务,它可能需要Javascript -这是很好的。 下面是我的布局:两个固定左菜单,一个包含两个标头的动态宽度内容区域,以及一个用固定页眉和页脚填充100%内容区域的表。 相关HTML: <div class="page-content" id="grid-container&
浏览 0
提问于2013-06-09
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
PPT幻灯片批量怎样删除页脚页眉
Word页面设置有多重要?
不能为Word不同页面设置不同的页眉和页脚,只因为忘了这个关键步骤
Word页面设置技巧无关紧要?那你就大错特错了!
office计算机二级考试Word常考内容(2)
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券