当我调整浏览器大小时，页脚div与上面的div保持重叠。我做错什么了？

文章/答案/技术大牛

发布

1回答

javascript、html、css

我知道这有很多代码要看，我相信你可以忽略其中的90%。一直在为这个问题纠结不已。除了页脚和网格之外，我的其他代码都没有这个问题。(我用.Staff-box包住了网格)不得不去掉一大块css，这样读起来就不那么麻烦了。谢谢! class="image-flex-container"> <div class="staff-box"> <h1>

浏览 34提问于2021-10-07得票数 0

1回答

宽度为100%的CSS粘性页脚

css、width、footer、sticky

我正在尝试实现一个具有100%宽度的粘性页脚。它应该粘在页面底部，但不要重叠页面内容div。我使用的页面布局与本例相同：如您所见，页脚的宽度与div#container相同。但是我想把页脚伸展到100%宽，而页面内容保持在中心位置，并在调整浏览器大小时保持高度伸展。我怎么能这么做？

浏览 3提问于2013-09-23得票数 0

回答已采纳

2回答

定位标题元素的最佳方法是什么？

css、css-position、fixed、absolute

我有一个带有position:fixed的div头，里面有标识、菜单和搜索选项。徽标位于左侧，菜单位于中间，搜索位于右侧，徽标和菜单有相对位置，搜索有position:absolute.。当我调整浏览器窗口的大小时，搜索div保持在与浏览器窗口右上角的固定距离上，然后当我调整它的大小时，它会与菜单项div重叠并

浏览 1提问于2013-09-23得票数 2

回答已采纳

7回答

如何在调整浏览器大小时防止div层重叠？

css、browser、html、resize

我刚刚花了几个星期的时间学习如何正确地设计布局。我基本上认为我的网站布局一切都很完美，并准备将代码转移到Wordpress……然后，我意外地调整了浏览器的大小，发现所有的div层都相互重叠。它看起来是这样的：基本上，它看起来好像主要是我的中心内容div被挤出，以及我的标题图像和导航工具在相同的顶部div中。我的页

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

回答已采纳

3回答

带滚动页脚的全高度内容

html、css

我有以下设置：下面的当前设置是我想要的(当浏览器完全打开时)。基本上，内容div应该有100%的高度，您只需滚动以查看页脚。滚动的数量是基于页脚的高度。我添加了一个固定高度的div来演示我的问题(登录div可以是任意高度)。但是，问题是当浏览器垂直调整大小时

浏览 1提问于2015-03-31得票数 0

回答已采纳

1回答

SVG位于左侧div可调整大小，div位于右侧顶部右侧CSS

html、css、svg、layout

我想创建一个包含两个div的容器:第一个div (左边)包含一个svg大小可调的第二个div(右边)包含文本我的问题是，当我调整浏览器大小时，第二个div与第一个div重叠。下面的图片描述了我想要获得的结果： ? ? 另一个问题是，当我调整浏览器</

浏览 31提问于2019-02-22得票数 0

4回答

调整浏览器窗口大小时，页脚的宽度不是100%

html、css

我有两个div。一个是我页面的主体，另一个是页脚。页脚div应该有100%的宽度，即使我调整浏览器窗口的大小。我的网页是这样的：当我调整浏览器窗口的大小时，滚动显示：如果我水平滚动页面，我的页脚不再是宽度的100%：我该怎

浏览 0提问于2015-08-12得票数 5

回答已采纳

1回答

引导一个页面部分内容重叠

jquery、twitter-bootstrap、mobile、responsive-design

我正在尝试使用引导3创建一个网站(参见)。问题是当我调整浏览器窗口的大小时，所有的东西都会相互重叠。如何防止这种情况发生，并在调整窗口大小时使每个内容保持在自己的部分上？基本上，我在html中对每个部分都遵循了这种方法：

浏览 1提问于2015-11-10得票数 0

回答已采纳

5回答

如何避免未知高度的粘性页脚只与CSS内容重叠？

html、css

我希望HTML元素(例如，页脚)绝对定位在页面底部，但同时我不希望它在视区很小时重叠内容(垂直调整浏览器大小以查看问题)。我希望页脚停留在内容后，当视口是小的，以避免重叠。，有CSS的解决方案吗？下面是一个显示问题的小提琴：<footer>footer with absolute position

浏览 8提问于2015-05-26得票数 0

回答已采纳

2回答

在纯CSS上用固定的div调整居中div的大小

html、css

如何使用另一个具有position: fixed属性的div自动调整以水平为中心的div的大小？为了更好地理解我的意思，请看下面的图片。Div A是具有固定大小的固定div，div B是水平中心的div。我希望div B以这样的方式调整大小(当我调整浏览器窗口的大小时)，这样A的右边框和B的左边框就不会<em

浏览 1提问于2015-06-11得票数 2

回答已采纳

1回答

CSS网格布局动态调整

javascript、css

我有一个带有工作区和两个脚注的网格布局。所有这些元素都在CSS中设置了resize: vertical。当我调整工作区(top元素)的大小时，网格容器本身就能很好地调整大小。然而，当我调整一个脚的大小时，有两个问题：网格容器的expand/contract.The 大小保持不变，不改变其他页脚的大小，因此页脚开始相互重叠，或者在它们之间出现一个空白。期

浏览 4提问于2020-01-29得票数 0

回答已采纳

1回答

文本<div>标记和css

css、html、text

我有两个问题： 1)我有一个带有图片的div，用来做我的页脚，但是当我调整页面大小时，页脚文本会被“混在一起”。有没有什么方法可以让文本停留在某个位置，并随页面调整大小？2)我使用div作为页面的主体，但是当我尝试添加文本并将其对齐时，它会移动整个div。当我移动文本时，如何让div<

浏览 0提问于2012-07-05得票数 0

1回答

带粘性页脚的全高度边栏，宽度固定

html、css、layout、fixed-width

我正在寻找一个带有全高度侧边栏解决方案的粘性页脚，并在这里部分找到了它：内容div和页脚应该覆盖屏幕的整个可见宽度，当调整大小时，它们不应该随窗口调整大小。它们应该保持不变，并出现滚动条。另外，我</

浏览 5提问于2012-11-14得票数 0

2回答

动态调整JQuery大小

javascript、jquery、responsive-design

我正在使用一个响应式设计网站，更具体地说，是一个包含几个Div的页面。当您调整网页大小时，div的宽度会发生变化，因为它们被设置为百分比。由于高度必须保持不变，除非div会消失，否则我必须设置断点来更改高度。如果我不改变高度，它将保持不变，并在下面的div之间添加“差值”。基本上，我的逻辑是:当窗口重新调整大小并且宽度小于810

浏览 2提问于2012-12-30得票数 1

1回答

针对溢出处理的特定于IE的解决方案

html、css、internet-explorer

所以我有一个包含在div中的表。表比div大。我不想手动调整div的大小，除了IE之外，所有的浏览器都会自动调整它的大小以包含整个表。在没有任何溢出属性更改的情况下，IE会使最后一个td与包含div的边框重叠。如果我设置overflow: auto;，IE会添加滚动条，而其他浏览器仍然只是调整包含div的大小。虽然我们暂时解决<

浏览 1提问于2010-11-03得票数 3

1回答

缩放浏览器窗口时，页脚图像会重复或创建空白

html、css、footer

我有一个带有非固定页脚的网页，也就是说，如果你滚动到页面的底部，页脚就在那里。它有一个背景图像，需要根据浏览器的大小进行缩放，并在IE11上工作。当浏览器最大化时，页脚显示正确，但当我将其调整为较小时，页脚会重复显示。所以，我设置了： background-repeat: no-repeat; 但是，这会导致完全相同的问题，除了重复的部分被替换为空格。我<

浏览 21提问于2019-10-17得票数 1

回答已采纳

2回答

Div根据窗口宽度和高度自动调整大小

jquery、html、resize、window

我正在做一个项目，我正在尝试创建以下内容：我想有三个或更多的div下面彼此(与内容和背景图像)。当您打开浏览器时，所有这些div都必须自动调整大小以适应浏览器的大小(宽度和高度)。当您调整浏览器窗口的大小时(不刷新)，div必须和它们原来一样大(所以它们不应该随窗口调整大小)。将浏览器屏幕缩小并刷新后，<em

浏览 0提问于2012-06-17得票数 1

1回答

jQuery循环插件:在调整浏览器大小时将背景图像对中

javascript、jquery、html、css

我有一个幻灯片使用jQuery循环插件，用背景图像改变div(图像非常宽，如果浏览器较小，它们应该居中并被切断)。div>在应用循环之前，当调整浏览器窗口的大小时，页面的行为与预期完全一致：在应用循环之后，当浏览器被调整大小时，背景图像不会保持居中。刷新浏览器解决了

浏览 1提问于2013-11-10得票数 0

回答已采纳

1回答

与主页内容重叠的浮动元素

html、css、css-float

我有一个带有CSS样式的页脚，它漂浮在页面的底部，但当我调整浏览器窗口的大小时，我的页脚与我的页面内容重叠了，虽然页脚非常大，但它不应该覆盖页面内容。 <div class="header"> <img src="images/l

浏览 1提问于2014-09-30得票数 1

1回答

CSS定位:容器始终位于浏览器底部60 but，但可滚动。

css、positioning

我试图在浏览器底部的上方放置一个60像素的大容器div，以便为视频流和静止图像腾出空间，非常类似于这里的解决方案。与普通的粘性/固定类型页脚不同的是，在访问页面和随后的浏览器调整大小时，容器被放在自己的位置上--但是对于想要浏览站点内容的用户来说，可以滚动起来。查看示例站点，我可以看到CSS属性"top“在调整浏览器大小时发生

浏览 2提问于2012-07-07得票数 0

回答已采纳

点击加载更多