内容在缩屏时是溢出容器和重叠页脚

文章/答案/技术大牛

发布

1回答

html、css、twitter-bootstrap

我在页脚上方有一个div，在较小的移动屏幕上，页脚中的内容在宽度和高度上与其父div重叠。 ? 我尝试了所有可用的溢出值，甚至将子div的高度限制在80%。我希望发生的是在较小的屏幕上，内容保持被包含，并居中。我不完全确定这种响应行为是否需要媒体查询，但我认为Bootstrap可以处理这一问题。

浏览 20提问于2020-08-23得票数 0

1回答

因此，我似乎有两个问题，从两个不同的方法，试图得到正确的页脚。使用position: abslotute;将使页脚停留在浏览器的底部，而不是内容下面。因此，当你打开网页时，你会看到底部的页脚，但当你向下滚动查看其余内容时，它将保持在找到它的位置(覆盖了一个div)。所以我尝试了clear: both;，它不能与position: absolute;的组合一起工作，这使得页脚在内容下面，但它会留在那里，而不是在

浏览 18提问于2016-08-10得票数 0

1回答

在两个div之间插入一个div。

html、css

height: 65%; background-color: gray;}我的问题是，如果我把太多的内容放在容器上，它就会溢出空间，它就会放在页脚div上。

浏览 2提问于2016-03-27得票数 0

回答已采纳

2回答

CSS重叠帮助

css、internet-explorer-6

内容和页脚都在div中(#left)，侧边栏在(#right)中。{float:left;} width:215px;margin-top:20px;页脚是我这样做是因为当内容区域包含少量内容时，我希望侧边栏与页脚重叠。显然，当内容区域扩展时，侧边栏

浏览 2提问于2009-10-26得票数 0

5回答

以上无重叠div的绝对定位

css、html、position、absolute

但是，当窗口变小时，我不希望它与上面的div重叠。这是通过将其更改为position:relative来实现的，但正如预期的那样，它不会停留在页面底部更大的屏幕上。有什么办法可以做到吗？

浏览 15提问于2013-10-16得票数 3

回答已采纳

3回答

视图底部的页脚，不与内容重叠

jquery、css、footer、css-position、overlapping

我需要的是一个非常基本的布局，只有两个主要部分:内容和页脚。页脚应该总是在视图的底部。所以我有：我也不想它摆在前面。我想要的<e

浏览 3提问于2011-03-25得票数 2

1回答

响应式网页元素的位置在Ipad浏览器中出错

position、scrollbar、overflow、responsive、scrollable

当查看Chrome设备工具栏时，该响应网站在受刺激的移动和ipad中运行良好。在我的iPhone7 +中打开站点时，它也很好。但是当在一个真正的iPad中打开时，有几个部分元素并没有像预期的那样定位-它们重叠了。受影响的元素是具有CSS样式溢出: auto的容器元素的子元素。展示:挠曲，弯曲方向:列。我想达到的效果是所有的主要内容(除导航菜单、页脚和侧边栏)都包

浏览 12提问于2021-12-15得票数 1

2回答

Chrome和Firefox以不同的方式呈现带负边距的定位布局-如何防止？

css、layout、css-float、clearfix

基本上，我有一个文本容器，里面有几个向左浮动的框。然后我有了一个页脚，它需要在底部覆盖这个文本容器几个像素。为此，我在页脚上使用了负的上边距，并在文本容器和页脚上设置了position:relative和z-index，以使页脚层堆栈位于文本容器之上。它可以用一把小提琴来演示：。问题是在IE9和Firefox18中，页脚的<e

浏览 3提问于2013-01-24得票数 1

回答已采纳

1回答

带滑动式垂直肚脐的屏脚超宽

html、css、footer

所以我有一个垂直滑动的导航条，其馀的内容流在它旁边，宽度是对的。虽然，我在脚上有很多麻烦。无论页面上有多少内容，我都希望它位于页面的底部。position: absolute; height: 80px; margin: 0;因为我希望底部的页脚将其设置为绝对，但因为它从上面的内容继承它的宽度，并被推到肚脐上，它的宽度超过了屏幕的宽度。但是，如果我要为它设置一个左边，当肚脐随着屏幕尺寸的改变而

浏览 1提问于2020-02-20得票数 0

回答已采纳

1回答

引导容器溢出到页脚

html、css、footer、bootstrap-5

我正在构建一个基于bootstrap5的页面，但是我在页脚和主内容容器的定位上遇到了问题。在我添加页脚之前，页面运行良好：页脚后图片：我在这里提供了一个简化的代码片段(所有的映射和一些样式都被破坏了，但是请注意页面底部的溢出)：@import url('https

浏览 4提问于2022-01-31得票数 1

3回答

为什么一个div在另一个上移动？

html、css、web

我如何修复它，并保持页底的页脚？该表是由PHP制作的，但我不认为这会影响它。我试着用不同的位置“打球”，但这并没有给我正确的结果。 

浏览 2提问于2014-12-03得票数 0

回答已采纳

1回答

CSS允许页脚位置覆盖@page .space-bottom

html、css、pdf-generation

我正在生成一个PDF，并且内容是动态的。内容可能跨越两个页面，当它这样做时，页脚就会与内容重叠。我决定尝试使用以下方法 @page margin-bottom: 150px; } 这会将包括页脚在内的所有页面内容推高150px。我想知道是否有一种方法可以让页脚容器不受这个底部边距的影响。我基本上想让页脚填补页面底部150px的空白。如果我不使用这个页边距，页脚

浏览 23提问于2021-06-14得票数 0

2回答

CSS页脚分隔

html、css、position、margin、footer

我在我的页面上有一个固定的页脚，由文本组成，没有背景图像。我也有一个固定的背景图像，这是位于右下角。我在想，当我向下滚动页面时，我可以做些什么来防止我的内容与页脚和背景图像重叠。当我滚动时，有没有什么办法在它们之间放上填充？

浏览 3提问于2013-02-20得票数 1

1回答

JavaScript -用角码替换jQuery $

javascript、angularjs、angularjs-scope

我总是使用jQuery引用来为我的站点创建一个粘性页脚。既然我使用了AngularJS，我也没有必要使用jQuery。但是，由于$是未定义的，我似乎不能使用我的普通粘性页脚代码。下面是一个柱塞：

浏览 6提问于2014-11-08得票数 1

回答已采纳

3回答

网站内容溢出到页脚

css、layout、footer

1em; height: 20em; bottom: 0;}如何调整内容，使页脚保持在底部，并且内容在整个站点中延伸，而不与页脚重叠。请温文点。查看Chris Coyier的网站以获取任何提示--可能只是遗漏了

浏览 5提问于2013-03-27得票数 0

1回答

顺风CSS -带固定位置的溢出页脚

css、flexbox、tailwind-css

我是Tailwind CSS的新手，一直在尝试用Tailwind的文档中的可用代码样本来创建一个简单的投资组合页面。当container类包装页面上的所有内容时，如果我将页脚设置为固定位置，则页脚会向右溢出。问题似乎出在固定或绝对类上，因为如果没有这个类，页脚就会获取容器的宽度。我该怎么做才能让页脚在应用了固定类的容器中换行呢？CSS方法可以，但理想情况下，我正在寻找为什么Tail

浏览 14提问于2020-03-09得票数 3

回答已采纳

2回答

如何使柔性盒约束图像高度？

css、flexbox

这里是CSS Flexbox新手。 <!." />但是，对于大型图像，将其容器 :-((注意小马是如何延伸到内容区域，重叠页脚，等等)。我试过设置最大高度:在img上100%，但它仍然溢出容器。

浏览 6提问于2015-04-09得票数 4

2回答

如何使具有设置高度的部分可见溢出？

html、css

在本节中是一个容器，由于容器内的内容，高度超过700 is，并显示溢出，这是所需的效果。但是，当我在这个部分下面添加另一个部分时，新部分的内容与容器的溢出部分重叠。--Some Content-->我尝试给容器类提供z-索引为1，并给信息部分一个溢出可见和z-索引为1，但似乎没有任何工作。 Codepen：

浏览 3提问于2017-12-20得票数 1

回答已采纳

2回答

包含内容和侧边栏的容器

html、css

我一直在尝试创建一个包含内容的容器和一个右侧边栏的页面。每当我在侧边栏或内容div中输入内容时，它都会继续进入页脚，有时侧栏会移到页面的左侧。

浏览 3提问于2015-06-27得票数 0

2回答

Flexbox，在可用空间内限制图像高度/宽度

html、css、flexbox

我有一个固定大小的包装，包括：这个问题发生在图像上。我希望图像调整大小，以适应内容容器的高度和宽度。现在，图像溢出包装器的高度。这是密码。宽图像是正确的，调整大小适合，但长的giraf不是。在下面的花键中，溢出设置为滚动以调试。最终目标是没有溢出。我的目标是</e

浏览 0提问于2019-11-15得票数 0

回答已采纳

点击加载更多