如何确保div中的内容不会被附加到div底部的粘性元素截断？
要确保div中的内容不会被附加到div底部的粘性元素截断，可以采取以下几种方法：
- 使用CSS属性
overflow: auto或overflow: hidden来控制div的溢出行为。这样可以防止内容溢出div，并且不会被粘性元素截断。 - 使用CSS属性
z-index来控制div和粘性元素的层级关系。通过将div的z-index设置为较高的值，可以确保div的内容不会被粘性元素覆盖。 - 使用CSS属性
position: relative或position: absolute来控制div的定位方式。通过设置div的定位方式，可以避免粘性元素对div内容的影响。 - 如果粘性元素是固定在页面底部的导航栏或工具栏，可以在div的底部添加一个与粘性元素高度相等的占位元素。这样可以确保div的内容不会被粘性元素截断。
需要注意的是，以上方法仅适用于普通的div元素，对于包含复杂布局或特殊效果的div，可能需要根据具体情况进行调整和优化。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
我和Zurb基金会的麦哲伦粘性导航有问题。我有一个表单，用户可以根据需要添加尽可能多的元素，这会增加HTML和div的高度。粘性导航可以正常工作，直到内容被添加到页面中，此时粘性导航将停止在原来的页面高度(它认为它击中了页脚/底部)。如果我在添加内容后调整浏览器的大小，粘性导航就会恢复到正确的位置，并使用新的高度来确定何时停止。有没有一种方法可以触发这一点，以便当新内容被添加到页面时，粘性导航将调整到新的高度？
示例这里是导航(左和右)正确地粘在一起。
在我添加了一个“理解的性能”，从而增加了div/页面的高度之后，当滚动时，导航就不再继续，而是停止在页脚/底部过去的位置，因为它不工作在
浏览 1提问于2016-01-21得票数 1
回答已采纳
1回答
带固定肚脐的粘脚
、、
对于一个固定页眉的粘性页脚，我有一个问题。我遵循的一些解决方案似乎符合我想要实现的目标，比如()、()和()，但我仍然想解决一些问题。
这是我的
页脚在页面底部与微小的内容或它的很多-检查！
由于#siteContent:a(创建一个与标头高度相同的间隔)-检查！
滚动条仍然存在与微小的内容-取消检查！
页脚在页面底部时，当在div (siteContents)中，我有这样的东西-取消检查！
(...)
<div id="siteContents" class="clearfix">
<div itemscope="items
浏览 1提问于2014-06-24得票数 0
2回答
合金中的粘性脚注
、、、、
在合金中有这样的粘性脚注表格吗？
我正在尝试做一些事情，比如instagram粘性标题视图，但我想让页脚成为粘性部分？
有什么办法可以做到这一点吗？
因为有些人不理解这个问题
我的意思是钛支持滚动视图上的zindex吗？我有3个视图A，B，C，我想在A上滚动B(保持A的底部可见)，然后在B上滚动C(保持C的底部可见)？
谢谢
浏览 2提问于2015-11-21得票数 0
1回答
我希望放置一个粘性页脚内的内容区域与一个完整高度的侧边栏。
这是我正在处理的页面的副本：
我曾经多次成功地使用过，还有一种使用%s的方法，问题是我有一个100%高的侧边栏(绿色)，我需要在内容div (灰色)的底部有一个页脚(橙色)。
我不能把footer div放在它的父div的底部，也不能强迫它的同级有100%的高度减去footer的高度。这两种方法我都试过了，都没有用。
我可以把页脚放在页面的底部，但这会打乱侧边栏的设计。有人能帮上忙吗？我几乎要求助于javascript了！
浏览 0提问于2013-09-04得票数 0
我正在开发一个响应性拍卖网站，上面有粘性菜单，底部有固定菜单。
我有一系列的框(Div)在身体，所以内容流动与视口大小。在每个框/div中，我在顶部有一张图片，在框底部有一个固定位置的文本块。文本块包括指向描述页的锚标记。
要做到这一点，我必须使用的位置:相对的框/div和位置:绝对的文本块。但是，由于位置css属性，框/div现在滚动到固定菜单的顶部。如果我把z-索引-1放在div's上，它们滚动在菜单下面，但文本块中的文本链接是不可点击的，因为它们是最后面元素的一部分。我需要能够点击它们。任何想法，请就如何让我的div下的粘性菜单，但仍然让我点击文本链接。
CSS：
.salebo
浏览 5提问于2016-06-18得票数 2
回答已采纳
1回答
我有一个容器，它有粘着顶部的粘性元素，在容器内部，底部也有一个位置绝对元素。我只希望粘性元素在到达底部元素时是粘着的。
我的解决方案需要知道底部元素的高度，以便为粘性元素保留最小高度。
有没有办法做到这一点而不知道底部位置绝对元素的高度？
.container {
height: 1000px;
}
aside {
background: palegoldenrod;
height: 600px;
width: 300px;
position: relative;
}
.stickyWrapper {
min-height: calc(100% - 100px)
浏览 2提问于2022-03-31得票数 1
1回答
我正在使用同位素来显示一个引导3框架内的图像网格。我有一个粘性页脚(使用推荐的绝对定位，底部设置为0)。
当浏览器窗口的高度降低时，包含同位素-d图像的div并不会停留在粘性页脚开始的位置--因此底-- div中最底层的60 of (实际数量取决于为页脚设置的高度)由脚注或扩展到页脚下面的页脚或扩展来隐藏。差异取决于我是否为容器div设置了一个高度。
这是来自的html
the codepen contains an example
我猜这个问题是因为同位素定位的所有图像都是绝对定位的。对于如何正确处理这个问题，有什么建议吗？
谢谢
浏览 2提问于2016-07-23得票数 0
回答已采纳
我想删除在我的网页底部使用css徽章。我不知道如何指定我想要隐藏的div样式，因为它没有“类”标签。
请帮帮我
如您所见，我希望删除<div style="...">中标识的粘性底部页脚。
浏览 2提问于2021-03-30得票数 1
回答已采纳
2回答
还有一个关于粘性页脚css的问题...假设我有以下标记：
<div id="container">
<div id="header">header</div>
<div id="body">body</div>
<div id="footer">footer</div>
</div>
正如您在此中所看到的，使用给定的css，粘性页脚的工作方式非常出色。
如果div#body只有几个内容，它会留在页面底部，当有很多
浏览 0提问于2011-08-24得票数 1
回答已采纳
8回答
我有一个只有几行内容的页面。我要把页脚压到底部。
<div id="footer"></div>
我不想用
#footer
{
position:fixed;
bottom:0;
}
又名粘性页脚
没有jQuery，这是可能的吗？
有什么建议吗？
浏览 64提问于2013-05-22得票数 35
回答已采纳
3回答
我有一个粘性的div，但我需要它在靠近底部的某个点上停止。当然，在示例中(链接如下)，它永远不会触底，但如果我有一个宽度更大的div，我希望它在命中我的页脚之前停止。如果你不理解这个问题，请告诉我，如果你有帮助，那就太好了。
浏览 0提问于2011-08-26得票数 2
回答已采纳
2回答
我构建了一个粘性到底部的时事通讯子盒。我在网站的底部有一个静态的时事通讯子框。我希望当我的粘性的那个到达底部的那个时，它漂浮在它的下面，然后如果它完全被覆盖，它就消失了。我认为对于解决方案，我必须使用JavaSkript，但我没有使用它的经验。如果有人能帮我那就太好了。 这基本上就是我粘性的时事通讯子框： <div id="newsletter" class="m-newsletter_störer">
<div class="m-newsletter_störer-container"> </div>
浏览 14提问于2020-09-17得票数 1
回答已采纳
1回答
因此，我有一个使用CSS和一个长长的HTML页面实现的粘性标题。页面底部是一个包含Google的<div>元素。
当我向下滚动页面时，所有内容都会像您预期的那样移动到粘性标题后面，除了谷歌地图( Google )，它在上面移动。
当以与其他元素相同的方式滚动时，我需要做些什么才能让Google在粘性标题后面移动呢？
浏览 2提问于2013-10-13得票数 1
回答已采纳
我正在尝试添加一个粘性元素，只有当它进入视口时才会留在页面的底部。其思想是将元素放在页面中间的某个位置，并且在用户访问页面时不会立即显示。 这是我到目前为止的进展： div {
height: 300px;
}
.sticky {
position: -webkit-sticky;
position: sticky;
bottom: 0;
height: 30px;
width: 100vw;
background: yellow;
} <div style="background: red;">Scroll</div>
浏览 31提问于2019-02-01得票数 9
回答已采纳
4回答
我想在窗口的底部做一个浮动的div。它工作正常，如此处显示的
我得到的问题是当我把这个html放在iframe里面的时候。粘性的div会出现在iframe的底部。在这种情况下，我希望它出现在屏幕的底部，而不管iframe滚动的位置是
<iframe id="if1" src="https://fiddle.jshell.net/8ghsm1La/show/light/" style="width: 1310px; height: 582px; overflow: hidden;" />
也就是说，我希望固定粘性div定位在容
浏览 1提问于2015-03-27得票数 2
1回答
我已经创建了一个底部div，这是一直存在时，滚动网站。它的“自然”停止就在页脚后面。当我滚动，它不是在页脚，它是有点透明。然而，我想做的是，当粘性div到达底部(即它的“真”位置)，然后背景变化或类似的东西。
如果不使用JS或诸如此类的东西，这有可能吗？
用小提琴更新：
HTML：
<div class="largeDiv"></div>
<div class="stickyDiv">Test</div>
CSS：
.largeDiv {
height: 1500px;
width: 100%;
ba
浏览 0提问于2020-03-29得票数 2
回答已采纳
我想减小页脚的大小(高度)，同时保持它在页面底部的粘性。
HTML：
<footer class="page-footer grey lighten-2">
<div class="footer">
<div class="row">
<p id="updatedText" style="color:black"></p>
</div>
</div>
</
浏览 0提问于2018-04-12得票数 1
1回答
Goal：顶部是粘性导航条，后面是网格，网格的最后一行保持其自然高度，但如果没有足够的内容将其从屏幕上推开，则位于窗口的底部。
Problem：让网格达到内容高度的100%是有问题的，这扰乱了我的粘性导航条(至少我认为这就是问题所在)。我的内容来自无头CMS，HTML是通过NextJS生成的。页面一般如下所示：
<html>
<body>
<div id="__next">
<header></header> // should be sticky
浏览 6提问于2022-09-19得票数 0
回答已采纳
2回答
我正试着为我的艺术作品集创建一个自己的网站，结果我遇到了。我在为它添加额外的元素时遇到了问题。
我有以下HTML结构：
<html>
<head>
<link rel="stylesheet" href="style.css" ... />
<link rel="stylesheet" href="layout.css" ... />
</head>
<body>
<div class="wrapper">
浏览 0提问于2011-12-13得票数 1
3回答
内列CSS 100%高度
、、、
更新：
为了澄清，页脚应该在页面的底部，并且页面应该在任何时候都有100%的高度，所以中间行应该相应地进行调整。没有任何东西应该与页脚重叠，而页脚不应该重叠任何东西。本质上，如果您有一个具有100%高度的两行表，您将很容易做到这一点。
这是一个问题，一个100%高度的div，在一个div内100%，一些文本被撞下来。
是否有方法使内部div的高度相对于其包含div的高度？
原始员额如下
我试图得到两个内列有一个100%的高度，而不是干扰粘性页脚。到目前为止，我已经有了与主容器相关的粘性页脚，但是很难将#content、#col1和#col2的高度与#容器的高度相匹配，而不松开粘性页脚。
浏览 2提问于2011-10-25得票数 3
回答已采纳
2回答
我试图做一个简单的粘性页脚，但当我使用保证金-底部，什么都不会发生。)(任何帮助都会很棒！这是密码。
<body>
<div class="main">
<center>
<img src="img/profpic.png" style="height:300.5px; width:auto; margin-top:75px; margin-bottom:30px;"/> <br/>
<span style="color:#FFF; font-size:69px;"
浏览 5提问于2014-04-07得票数 0
回答已采纳
无论页脚有多少内容，粘性页脚都会粘附在网页的底部。如果您在网页的CSS样式表中使用FlexBox命令，这将是一个解决问题。所有现代浏览器都支持FlexBox。
然而，使用Angular2构建一个web应用程序，我无法应用最简单的FlexBox命令！页脚不粘在底部！这是我的。
在柱塞应用程序中，style.css包含一个非常简单的Flexbox命令，它可以工作--只需将index.html的内容替换为index1.html，并查看粘性页脚在没有角度存在的情况下是如何工作的。对于Angular2应用程序，我使用的是相同的style.css，因此我在应用程序中添加了下面的模板，明确地标记了CSS类m
浏览 2提问于2017-01-25得票数 3
回答已采纳
要求:
我有一个带有按钮的动作条，名为Next Scale，它是移动视图中的position: sticky和bottom: 0。
我希望这个HTML元素在滚动时坚持到视图端口的底部，当它不在视图时保持到底部。
问题:
在下面给定的GIF图像中，动作栏和Next scale按钮隐藏在移动导航窗格下面，而相同的粘性特性需求在桌面上也能正常工作。
如果我滚动到页面的末尾并向上滚动，操作栏将按预期工作，并保持在导航窗格上方的粘性。但当我爬到山顶时，它又被藏起来了。
问题:
如何确保粘性元素的bottom计算从移动导航窗格的上方开始，从而使元素始终可见？
浏览 10提问于2022-07-01得票数 4
回答已采纳
下面是一个简单的html页面，它包含我的粘性组件。
<html>
<body>
<div>
<p>some stuff</p>
<div id="stickyComponent" style="padding:10px; width:175px; height:40px; background-color:#00235b; position:fixed; bottom:0; right:0; border-radius: 5px;text-align: center;"><a href
浏览 2提问于2022-10-20得票数 0
1回答
我只需要一种方法，使页脚粘性，并留在底部的页面，同时使用反应。 页脚不会停留在页面底部，尽管遵循materialize文档并在我的应用程序中创建了页眉、主页脚格式。 页脚显示正确，但拒绝转到底部(成为粘性页脚)。 下面是app.js的render方法： render() {
return (
<React.Fragment>
<Header />
<main>
... my stuff here ...
浏览 14提问于2019-06-28得票数 0
1回答
我想做一个粘性的页脚，如果没有足够的内容填满整个页面，它会粘在底部。我已经在CSS中找到了这样做的方法，但是很多都不能翻译成React/Next，因为它涉及到处理html和body标签。我想知道有没有其他的方法。 下面是我的页脚的JSX： <div>
<footer>
<a href={"https://www.instagram.com/linghandmade18/"}>
<i className="fab fa-instagram" />
浏览 8提问于2020-11-10得票数 0
我试图在容器中选择包含特定文本的容器，然后相应地隐藏它们。
但是，它似乎也选择了子元素，而不是主元素。
这会导致我的容器部分脱落。
$("#SearchText").on("keyup", function () {
var text = $("#SearchText").val();
$(".myList :contains(" + text + ")").show();
$(".myList :not(:contains(" + text + "))"
浏览 3提问于2015-08-12得票数 2
回答已采纳
1回答
flexbox (myflex)中有三个按钮(按钮1、按钮2和按钮3)。
我怎样才能把这个flexbox放在屏幕底部并水平居中呢？
我可以将其居中，但不能将其放在屏幕底部并使其成为粘性页脚。
#myflex {
display: flex;
//position:fixed;
bottom: 20px;
justify-content: center;
bottom: 10px;
}
<div id="myflex">
<button class="button button1">button 1</bu
浏览 2提问于2016-04-04得票数 0
2回答
粘性页脚没有放在底部
、、、、
我只是对页脚做了一些快速的修改。
页脚需要是粘性的，我按照方法描述的方法尝试让页脚留在底部，但它似乎只偏离了一点。
html, body {
height: 100%;
}
#container {
position: relative;
min-height: 100%;
}
<div id="container">
<div id="content">...</div>
<div id="footer">...</div>
</div>
浏览 1提问于2013-02-14得票数 0
回答已采纳
我使用在文本中添加越来越少的内容，如下所示：
联署材料：
$('.more').readmore({
speed: 75,
lessLink: '<a href="#">Read less</a>'
});
HTML：
<div class="more">AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AA
浏览 4提问于2015-01-05得票数 2
4回答
角2粘性页脚撞击
、、、
我希望我的页脚是一个粘性页脚，并试图遵循css技巧负边距技巧，但没有工作。我试图在下面的柱塞代码中模拟我的angular2应用程序。我希望贴纸不是固定的，而是粘稠的，当主部分有更多的内容可用时，贴纸要放在底部。注意，页脚显示在主部分的数据上方。
app.component：
<nav-bar></nav-bar>
<section class="main">
<div class="main-container">
Display my router-outlet here
浏览 11提问于2017-02-28得票数 6
回答已采纳
我试图让div在高度上扩展，但它在底部的绝对定位粘性页脚上扩展，这是一个演示：
(我不需要支持旧的浏览器)
浏览 1提问于2012-02-26得票数 0
回答已采纳
3回答
我正在制作一个带有粘性导航的单页面站点，顶部的宽度约为1000px，高度约为20-25px，现在我还包括了一个平滑的滚动功能，但我的问题是每当页面滚动到它的活动页面时，标题隐藏在粘性导航下，我如何获得粘性导航底部的偏移量？谢谢。
这是js代码btw：
$('a').click(function(e) {
var target = $(this).attr('href');
e.preventDefault();
$('html,body').animate({
scroll
浏览 2提问于2011-10-08得票数 2
我想使用Laravel 6和Bootstra4创建一个粘性页脚。我试图创建它，但失败了。这些是我的档案：
layout.blade.php:
<body>
@auth
@include('../inc/navbar')
@endauth
<div class="container" id="app">
<form id="logout-form" action="{{ route('logout') }}" met
浏览 4提问于2020-01-02得票数 0
回答已采纳
我有以下的尝试，试图做一个简单的粘性页脚。
我的问题是页脚没有滑到底部，我怀疑这可能是一个css问题。
如果有人能对下面的代码进行扫描并提供一些建议，将会非常感激。
#footer { /* position must be absolute and bottom must be 0 */
height: 100px;
width: 100%;
background: red;
position: absolute;
bottom: 0;
}
<footer class="footer" id="footer&#
浏览 2提问于2017-02-25得票数 2
回答已采纳
1回答
我有一个包装器-div，有两个childs：.content-panel和main-content。我的main-content容器有多个嵌套元素，在最内部的层次上，它有项目列表，其中每个元素在内部都有h4元素：
..wrapper div：
.内容-面板
.主要内容
section1
- section 1.1 vse-lb-metadata
- section 1.2 vse-rvs-carousel
- section 1.3 li
- section 1.4 div
- **section 1.5 h4**
浏览 0提问于2019-09-14得票数 2
回答已采纳
5回答
我正在使用一些javascript来计算页面的高度，然后在div上设置最小高度。这样做的原因是将页脚推到页面底部，用于内容不足的页面。我的问题是，最小高度大约是30-40 px到大，从而导致滚动条.(注意:由于各种原因，我不使用像粘性页脚这样的解决方案，我更喜欢这个解决方案。)
这是我的代码：
JS
$(function() {
var height = $(window).height() - ($("header").outerHeight() + $("footer").outerHeight() );
$("#page-content
浏览 7提问于2012-11-15得票数 1
回答已采纳
2回答
我使用position: sticky作为我的标题。但是当我滚动到页面的一半(移动的底部)时，它是隐藏的。我怎么才能修好它？下面有关于带有padding-top主要内容的粘性标题的想法吗？谢谢大家。
<body>
<header>
<div>My Header</div>
</header>
<main>
<div>My content 1</div>
<div>My content 2</div>
浏览 5提问于2022-01-30得票数 0
1回答
我有emberjs应用程序，我试图创建粘性页脚。
我的html：
<div class="main-container" id="">
<header> HEADER </header>
<div class="container">
{{outlet}}
</div>
<footer>
footer text
</footer>
</div>
CSS：
.ember-view {
height: 100%;
浏览 1提问于2015-04-06得票数 0
1回答
我在CSS中的粘性位置有一个奇怪的问题。我想要一个元素贴在页面的底部，它是完美的工作，如果视口高度大于或等于500px，但如果它进一步减少，那么该元素不再坚持到页面的底部 粘性元素的外观如下所示 .sticky{
position: sticky;
bottom: 0;
top: 90%;
display: flex;
height: 50px;
width: 100%;
justify-content: center;
align-items: center;
background: var(--tl-dark-th
浏览 26提问于2021-07-29得票数 0
在上，正在发生两件事：
(1)页面左边的元素尊重页眉为顶部，并粘在页眉的底部，以及
(2)页面左侧的元素相互替换，“从顶部相互碰撞”，作为粘性的顶部元素。
他们是怎么做到的？我一直在拆开那一页的html试图找出它，但认为我一定是错过了什么。当我尝试有多个“粘性顶部”元素时，多个粘性顶部元素相互叠加在一起，全部在页面顶部堆叠在一起，而不会将前一个粘性顶部元素向上“碰撞”。
而且，每个h2都有子div，子div作为粘滞顶元素相互碰撞，而每个h2将前一个h2与前一个粘滞顶元素碰撞掉，如果您能让我知道为什么会这样的话。我真的很感激任何人能给予我的帮助。谢谢
浏览 7提问于2022-05-23得票数 0
回答已采纳
我们在我工作的地方使用亚特兰西安的汇合处。UI显示名为header的div、称为拆分器的区域( div )和另一个称为脚注的div。无论您如何调整窗口的大小，页脚总是出现在页面底部，而拆分器总是大小来填充页眉和页脚之间的空间(即使拆分器的内容没有填充空格)。
检查页脚的css，它似乎没有使用典型的粘性页脚css技巧(位置:绝对；底部:0)。我试图弄清楚他们是在使用javascript来调整大小，还是在使用某种花哨的css。
谢谢你能提供的一切帮助。
浏览 4提问于2013-11-09得票数 0
回答已采纳
4回答
我不想要固定的页脚，我需要一个粘性的脚。
我的粘性页脚一开始工作良好，但当内容在一定高度时，页脚和页面底部之间有一个边距。
尝试处理浏览器高度和内容div高度，您应该会看到问题出在哪里。
它在页脚和页面底部之间留下了一个尴尬的边距。
提前谢谢你。
CSS代码：
html, body {
height:100%;
margin:0;
}
body {
color:#FFF;
font:16px Tahoma, sans-serif;
text-align:center;
}
a {
text-decoration:none;
}
#wrapper
浏览 6提问于2012-08-08得票数 6
回答已采纳
当我阅读一篇关于MDN 的文章时，这是一个问题。我认为在描述的sticky行为和实际行为之间有明显的区别。
根据MDN，粘性位置元素被视为相对位置元素，直到超过指定的阈值，而当超过阈值时，它们被视为固定位置元素，直到到达父元素的边界()。
粘性定位可以认为是相对定位和固定定位的混合体。粘性定位元素被视为相对位置，直到它越过指定的阈值，此时它被视为固定的，直到它到达其父元素的边界。比如说..。
#1{位置:粘性；顶部:10 one；}
...would相对地用id定位元素，直到视图被滚动，这样元素就会从顶部不到10个像素。超过这个阈值，元素将从顶部固定到10个像素。
因此，我创建了下面
浏览 5提问于2019-05-03得票数 15
3回答
如果我在单独的HTML，CSS和Javascript文件中编写，并用浏览器打开它，当目标在视区高度的中间观察时，粘性共享栏出现，而在代码中，当目标在视区高度的底部观察时，粘性共享栏出现。原因何在？
{
class StickyShareBar {
constructor(element) {
this.element = element;
this.contentTarget = document.getElementsByClassName('js-sticky-sharebar-target');
浏览 2提问于2020-05-20得票数 4
2回答
我正在尝试创建一个全屏地图与和一个水平菜单在它的顶部。是一种使地图高度达到100%的解决方案(将父元素也设置为100%高度)。所以现在，我得到了这样的东西：
<!-- Menu -->
<div class="pure-menu pure-menu-horizontal">
<a href="#" class="pure-menu-heading pure-menu-link">map</a>
<ul class="pure-menu-list">
浏览 0提问于2015-05-21得票数 1
2回答
我的DIV层一直有问题-文本超出了DIV页脚图像，但这并不完全是DIV背景的问题，因为它确实在某种程度上重复了。:(我似乎想不出如何在保持DIV背景的同时强制文本停止过度扩展。
我的"container“元素包含图像和其他两个元素。"main“元素是文本所在的位置，"footer”元素是文本末尾的图像。
，文本经过页脚图像-绿色箭头显示页脚图像开始的位置，红色箭头显示我希望文本停止的位置。容器中的背景图像工作了一段时间，但随后停止，因此我认为它没有正确展开...？？
我试着摆弄代码，试图修复它--从尝试添加填充顶部/底部，到在正文部分添加重复的背景拉伸，再到玩弄posi
浏览 0提问于2012-01-07得票数 1
2回答
我有两种元素，一种是阴影，另一种是背景色：
<div class="shadow-lg">
...
</div>
<div class="bg-white">
...
</div>
当底部项没有背景色时，顶部元素的阴影是完全可见的。但是，当底部元素具有如上面代码所示的背景色时，阴影的底部部分是不可见的。
vs
为什么会发生这种情况，我怎样才能防止这种情况发生？
浏览 3提问于2022-08-11得票数 2
1回答
因此，我有一个jsfiddle描述了一个具有粘性页脚区域的可内容的div，表示：。
CSS
.textarea {
background: white;
padding: 20px;
min-height: 20px;
width: 100%;
}
.footer {
height: 20px;
position: sticky;
bottom: 0;
background: blue;
}
HTML
<div class="textarea" contenteditable="true"></div>
&
浏览 2提问于2017-03-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
