设置div宽度，并在屏幕上不适合绝对定位div时调整其大小

文章/答案/技术大牛

发布

5回答

html、css、css-position

我正在尝试为div设置一个固定的宽度，例如200px。我希望div总是有200px，除非当前窗口没有足够的空间。 : absolute; lalala lala lalala lalala<br /><div class="noWidth"> al

浏览 123提问于2016-07-28得票数 1

回答已采纳

1回答

绝对定位图像在响应中与其他元素重叠

html、css、responsive-design、media-queries

我试图创建一个宽度为100%，高度为100%的3div，这样每个div就占据了整个屏幕。每个div都有一个文本，其中的图像放在整个div的底部。="some-image" class="img img-responsive"/>因此，我给出了图像的绝对定位和主div的相对定位，并给出了一些绝对</e

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

回答已采纳

2回答

我有一个表格(是的，我知道，但我无法控制是否使用表格)，每个单元格包含一个div，每个div中有一个form元素。使用CSS将表格宽度设置为100%宽度。表单元格中的所有div都有5px的边距，以便留出一些空间。所有的表单元素(input、select、textareas)也被设置为100%的宽度，这样整个屏幕都会被使用(这根本不是我的主意！)我需要做的是悬停在表格单元格中的div上，通过绝

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

回答已采纳

3回答

使用jQuery收听浏览器的宽度/高度变化

javascript、jquery、resize、height、width

我有一些div，当页面准备就绪时，它们是用位置绝对(CSS)设置的，它们相对于另一个固定的div定位，这很好用。但是，在加载页面和设置所有内容之前，如果调整页面大小，这些绝对div不会跟随更改，而是移动到其他位置，我认为这些位置是相对于屏幕顶部和左侧的值。我用作定位绝对div的起始点的相对div的位置也可能改变

浏览 2提问于2009-11-01得票数 31

回答已采纳

1回答

在调整窗口大小时，使所有元素的位置保持不变的css定位样式是什么？

html、css

我的想法是将绝对定位的div放在一个相对定位的容器div中，然后给它们所有的最小/最大像素值。请原谅我陈述中的任何错误，我仍在学习过程中。

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

回答已采纳

1回答

使输入的宽度因调整窗口大小而更改，并在其之前使用动态标签宽度。

html、css、forms、input

我有一个问题，在定位输入元素内的持有人容器。html结构是：<div class="center"> <div class="input-holder">></div> <div</

浏览 2提问于2017-02-04得票数 0

2回答

缩放时在iOS上更改页面大小

javascript、html、ios、resize

我在iOS上遇到了一些问题( Safari和Chrome )。当用户缩放页面时，页面似乎正在改变大小(它还会多次触发调整大小的javascript事件)，这会破坏我使用javascript定位的一些内容。我无法通过绑定调整大小事件来解决这个问题，因为它被调用了太多次，而且我无法知道哪一个是最后一个。我尝试过在视口设置许多选项，但没有运气(宽度、初始比例、最大比例尺、最小比例尺)。我有一个固定位置<

浏览 7提问于2013-08-16得票数 5

回答已采纳

2回答

在没有绝对位置的情况下将div定位到已居中的内容

css、height、positioning、center

在包装器div中有两个子div(内联块)。我希望左分区在中间，右边的一个简单地在左div的右边。<div id="Wrapper1"><div id="leftElement1">LEFT ELEMENT</div><div id="rightElement1">RIGHT</div></d

浏览 3提问于2014-08-21得票数 0

回答已采纳

3回答

如何在调整大小时保持元素在屏幕上的绝对位置

html、css

如何在调整窗口大小时保持屏幕上的绝对定位下拉列表？类似于right: 0；但仅当它不适合窗口时。<div class="outer"> <ul> <li&

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

3回答

绝对div定位不正确

css、position、css-float

我有一个div位于另一个div中，它应该在div中的所有其他内容之上浮动，并保持div的右边。为了实现这一点，我不得不将div定位设置为“绝对”，因为当它被设置为“相对”时，它将所有的内容都推到它的一边。但是，当定位设置为绝对值时，div不能正确定位，而是停留在div的左侧而不是右侧，从而导致

浏览 3提问于2013-08-21得票数 0

回答已采纳

1回答

如何使用CSS和jeet使父级全屏幕div与绝对定位的子级一起成长？

html、css、jeet-grid

margin 0 background-color white height auto 我的问题是，当其子屏幕大于全屏时，父div不会调整大小(父级的大小)。Docs说，align()做了“相对于容器的对齐块与位置:绝对和花哨的定位和转换”。我担心的是“绝对定位元素被从流中移除，因此被其他元素忽

浏览 2提问于2014-06-09得票数 2

回答已采纳

3回答

当改变浏览器的大小时网站变得一团糟

html、css、web

每当网站以任何方式改变其大小时，我都会遇到一个问题，无论是浏览器的大小，还是在web浏览器中检查代码，页面大小的任何改变都会让它看起来非常非常糟糕。

浏览 4提问于2020-12-24得票数 0

1回答

在标签后面隐藏css边框三角形

css

我有一个有反应的布局<div class='large-2 columns'> <p> <span class='arrow'></span> </

浏览 6提问于2015-03-10得票数 0

回答已采纳

2回答

如何在不使用背景的情况下使用HTML和CSS3创建具有响应性的、垂直和水平居中的图像

html、image、css、center

使用{ background-size: contain；background-position: center；background-repeat: norepeat；}不是一个选项，因为我需要将覆盖div使用背景将意味着包含的div不会精确地跟随图像大小。这是另一个尝试，这一次使用绝对</e

浏览 2提问于2014-09-26得票数 0

1回答

如何将动画放在HTML/CSS代码中的静态图像上？

html、css

我试图在网页上放置一个静态图像(这是一个文本的图片，希望保持此文档的完整性)，并将动画覆盖在图像的顶部，例如一个框，它将悬停在文本块上(从静态图像中)，并在文本块中提供额外的上下文。我已经使用悬停的CSS，但正在寻找其他解决方案，因为当我放大页面的方块上的文字不对齐彼此。提前谢谢你。

浏览 1提问于2017-09-16得票数 0

回答已采纳

3回答

背景图像上的Css绝对定位元素(响应)

css、responsive-design、background、css-position、absolute

我有一个响应的背景图像，所以它的宽度和高度变化时，调整屏幕。在这个背景下，有一个位置绝对的元素。现在，我的问题是，当调整屏幕大小时，绝对定位元素不会跟随它在背景图像上的位置。这是我的HTML代码： <img class="box&

浏览 3提问于2017-03-22得票数 1

回答已采纳

6回答

Div不会使用绝对内容div自动调整大小

css

position: relative; background: #F93; top: 50px;}<divclass="a"></div> A的高度不会根据它的内容自动调整大小(因为b有流)，但

浏览 0提问于2009-09-23得票数 2

3回答

对象是否具有位置:绝对引用、html元素高度或视图？

html、css、dom

我创建了代码页，它演示了在元素定位方面的混淆行为。 Example <div class="content"> </div>

浏览 5提问于2016-04-18得票数 0

回答已采纳

1回答

我如何才能有一个消息网格，其中每个消息收缩以适应它的容器。

javascript、css

墙是由12个绝对定位的div组成的‘网格’。每个div内部都有一些文本。我遇到的问题是如何调整每个消息文本的大小以适应其div。我试着避免任何文字泛滥。我

浏览 2提问于2021-05-08得票数 0

回答已采纳

3回答

如果容器具有非整数(%)位置，则子位置与指定的位置不同。

javascript、html、css、animation

我已居中(position: absolute; left: 50%; margin: -50px;) 100 div宽度div(容器)。它的绝对定位子div与overflow: hidden，它的大小是100x2000 px (这样的高度是为了测试目的，如下所述)。如果有滚动条，并且

浏览 0提问于2012-11-22得票数 6

回答已采纳

点击加载更多