CSS:调整div大小以适应绝对定位的内容

文章/答案/技术大牛

发布

2回答

html、css

我在尝试让一个div (#playlist in blue)调整大小以适应另一个div (粉色的.clipdiv)时遇到了问题。下面的代码显示了我的问题： html, body { margin: 0;} display: gridDOCTYPE html> <body&g

浏览 18提问于2019-09-09得票数 0

回答已采纳

2回答

位置绝对iPad容器宽度问题

css、css-position

我在iPad safari中查看时遇到问题，我的容器div正在调整大小以适应绝对定位的元素。iPad似乎将溢出元素的宽度添加到".content“980宽度，并缩小以显示约1080px的宽度。也许有一个属性可以强制iPad仅调整到内容的980px宽度？我有一个容器div，它包含定义了以下css

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

1回答

如何在保持相同布局的同时调整这些div的大小？

javascript、jquery、css

很抱歉这个标题，这是一个很难概括的问题。目前，我有一个网站，看起来像这样：(正如你所说，它的灵感来自于Metro)。我已经将它上传到jsfiddle：所有东西周围的div (用虚线边框表示)可以调整大小以适应用户的浏览器窗口，我希望按钮(简单地说是彩色div)也能做同样的事情，但不知道怎么做。目前，它们使用绝对定位并基于特定的屏幕尺

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

回答已采纳

1回答

如何自动调整具有绝对定位子元素的容器的大小

jquery、css、autoresize

有没有一种方法可以调整容器的大小，使其始终被压缩以适应其中的绝对定位元素？有点像Adobe Firewo

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

1回答

当调整文本区域的大小时，如果父元素是一个表，它就会扩展以适应，但当它是div时就不会了。为什么？

asp.net、css、textbox、textarea、multiline

我有一个包含在几个嵌套的TextBox中的文本区域(asp.net multiLine div)。当调整文本区域的大小时，它会扩展到所有其他元素上。当包装在表中时，情况并非如此，因为它将周围的元素向下向右推，以适应调整大小的情况。如何让它在div中工作？我不是CSS的专家，但我尝试了在包含的子div</

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

回答已采纳

3回答

绝对位置元素，这样它们的行为就像是浮动的一样。

javascript、css

我想让所有这些盒子看起来像漂浮的一样。然而，它们不可能是，它们需要绝对定位，以便我与这个定位的数字交互。这是我的尝试： len = $item.length, for (var i = 0; i < len; i += 1)

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

回答已采纳

3回答

调整父div的大小以匹配绝对定位的子div高度

javascript、jquery、html、css、height

我有一个CSS问题：我在一个容器中有一个绝对定位的div。容器不会根据内容的高度调整大小。为什么？

浏览 2提问于2011-03-19得票数 1

回答已采纳

1回答

使父母的身高达到绝对位置孩子的100%

html、css、position、height、absolute

我在谷歌上搜索了很多，但没有找到好的答案。 <h3>Hello World</h3>

浏览 0提问于2019-01-26得票数 0

2回答

我早些时候来这里，并得到了一些帮助，重新组织和编码的项目。所有这些看起来都很棒，看起来应该可以工作，但是当使用下面的代码而不是每次图像大小调整时，它只显示了图像高度的X%和图像宽度的Y%。CSS： #navbar a.newr:link { background-image: url('newr.png'); display: block; width: 5%; height: 2%;a.newr:hover { background-image: url('

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

2回答

根据另一个div的呈现高度呈现div的高度

css、html

我不想让Div B退出div A，因为overflow:hidden属性不起作用，因为div B也在div A内部，但是由于z指数&绝对定位不是div A的一个子级，问题是div A调整自己以适应内容。我得让你觉得我不是从A区出来的。我可以使用javascript或服务器端代码\script来调整B<e

浏览 2提问于2013-09-18得票数 0

回答已采纳

3回答

绝对div定位不正确

css、position、css-float

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

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

回答已采纳

1回答

如何将div紧紧包裹在图像周围，但如果分辨率大于内容区域，则如何调整图像大小以适应内容区域？

javascript、html、css

我正在尝试构建一个具有特定需求的图像查看器。它们如下：下面我做了一个简短的草图，说明了人像(上行)和风景(下排)所需的行为。如果图像的分辨率高于内容区域，则左侧列上的图像是所需的行为。白色

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

回答已采纳

1回答

CSS照片库调整帮助

css、image、xhtml、html、resize

我一直在尝试使用CSS图片库示例来设置我自己的()。一切都很好，除了： (1)使用px中的绝对度量设置div。我发现不得不调整和调整我的照片以适应它们，这是令人沮丧的。相反，有没有一种方法可以设置图库的所有尺寸(通过CSS)，例如%或em，以便图库适应我放入其中的图像，并动态适应浏览器的视窗<

浏览 2提问于2011-02-20得票数 0

回答已采纳

1回答

调整打印样式表的页宽

javascript、css、printing

所以显示了一个图像，上面有一些绝对定位的文本。文本被重新定位和调整大小，以保持相对位置和大小与其后面的图像。如果需要的话，我可以使用一些javascript，但我想知道在纯CSS中是否有办法做到这一点。如果我确实需要使用javascript，我可以用什么钩子来检查打印页面中图像的<

浏览 0提问于2010-04-19得票数 1

回答已采纳

7回答

用于评论的CSS

css

我正在建立一个博客，对于我的评论，我有这个CSS。border-right-style:none; top:352px; height:183px;然而，在只发布了一条评论来测试它是否工作后，文本填充了div并超出了div的最低限制。我希望div随着更多评论的到来而扩展。我该怎么做？

浏览 0提问于2010-11-08得票数 2

回答已采纳

1回答

CSS动态调整Div大小以适应内容？

html、css

我正在尝试在我的页面顶部获得一个弹出式窗口，以便使用浏览器调整大小。文本有，但包含它的div没有，所以文本被截断了。这是我的CSS：HTML： <div</

浏览 2提问于2015-04-11得票数 0

3回答

具有绝对父级的jQuery动画显示div的宽度

jquery、google-chrome、jquery-animate

我正在尝试以动画的形式呈现div的宽度，该宽度由一个父元素包装，该父元素定位为指向其自身父元素的absolute。通过显示一个可能更容易解释。应该发生的情况是，当单击红色矩形时，绿色框的宽度会动态调整到一定的宽度，而红色矩形则位于它旁边。这一切在IE和Firefox中都运行得很好，但在chrome中运行时，红色的矩形会跳到绿色框的下方。所以我想知道我是不是做了什么愚蠢的事，或者是否

浏览 2提问于2011-04-13得票数 0

回答已采纳

1回答

使用JQuery进行基于scrollHeight的元素调整

javascript、jquery

("height",h+100+"px"); $("#bottom").css("top",h+100+"px"); });这是一个JQuery ajax函数的回调函数，基本上它所做

浏览 0提问于2009-06-05得票数 2

回答已采纳

1回答

动态改变div及其所有内容的大小？

javascript、jquery

请注意，这与“更改div大小以适应内容”不是同一个问题。我有一个相对定位的div，里面有几张绝对定位的图片： <img id="nj_credit_card" src="credit_card.png这个函数就是我的问题所在。我需要它做<

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

回答已采纳

3回答

CSS相关:尝试定位div样式，使其看起来像网页上的栏

jquery、css、layout

我正在尝试在我的页面上放置一个div标签，所以无论你是否调整页面大小，div都不会移动位置。。我在div标签和一些绝对位置({ JQuery：.css})中都使用了绝对定位，当我调整屏幕大小时，它仍然会移动。挺烦人的。

浏览 0提问于2010-05-27得票数 0

点击加载更多