如何让div容器自动适应IE11中固定大小的子元素

文章/答案/技术大牛

发布

1回答

jquery、html、css、jquery-ui-dialog

我正在使用jquery UI对话框来显示一些标签-字段对，该字段可以是一个textarea，并且具有预先配置的固定大小。 </div>由于某些原因，标签<div class="content-label">的宽度被设置为90p

浏览 8提问于2017-03-06得票数 0

2回答

div中具有固定高度的多个嵌套元素

jquery、html、css

<div id=“maincontainer”> <div id = "imagecontainer"> My image is here</</button> &

浏览 27提问于2019-05-31得票数 3

回答已采纳

1回答

创建自动缩放的固定像元大小格网

html、css、gridview、datagrid、inventory-management

我想在我的网站上创建一个库存视图。基本上它应该看起来像这样：请注意，网格的宽度(以元素的倍数表示)始终根据设备的屏幕尺寸进行调整。此外，网格容器应该始终自动适应所选网格宽度的宽度。我尝试过使用css-grid来实现这一点，尽管我不知道如何让css-grid根据屏幕大小自动确定列数。然后，我尝试简单地为每个图像设置一个固定大小<

浏览 1提问于2020-11-15得票数 1

1回答

CSS:当父级更宽时，使子宽度适合视图吗？

html、css、mobile、responsive-design、viewport

仅在CSS中，当子元素的父元素比视图端口更宽时，是否有可能使子元素的宽度与它的视口相匹配？我正在设计一个用户界面，以适应一个现有的，无响应的，固定宽度的网站布局，我还没有任何直接的控制，我希望我的界面至少响应适合移动屏幕，即使整体的网站布局没有。包含我的界面的页面至少能够为界面的样式加载额外<

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

回答已采纳

2回答

jQuery -查看元素高度更改

javascript、jquery

我有一个元素，它是绝对定位的，并且有固定的高度。如何调整主容器<em

浏览 1提问于2010-07-08得票数 4

回答已采纳

2回答

如何在我的响应式网站标尺上制作特定的、固定宽度的DIV以适应智能手机屏幕？

mobile、responsive-design、zooming、scale、viewport

该网站不只是自动缩小所有内容以适应智能手机屏幕。它维护我的DIVs的适当大小(无论它们是固定的还是百分比的)，并且我设计我的元素以适应相应的情况。但是，在一个页面上，我有一个包含多个元素的交互式图表。这些是块(里面有文本)，它们必须保持固定的宽度。问题是，这些固定宽度比智能手机屏幕要大得多。它

浏览 6提问于2013-09-12得票数 0

1回答

如何防止img拉伸其父级

php、html、css、image、markdown

所以，为了把图片添加到我的帖子中，我写了img出现在页面上。但是有一个问题--如果图像的原始宽度超过容器的宽度，图像就会拉伸它的父div。我使用固定的布局，所以容器元素的宽度是用css硬编码的。问题是:是否有可能阻止图片拉伸我的div，

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

回答已采纳

2回答

如何使li元素适合固定大小的容器中的水平和垂直方向？

javascript、jquery、html、css

我想知道如何将li列表自动放入固定大小的容器中。好吧，这是我的想法： <ul> <li>#1</li></<e

浏览 2提问于2013-08-15得票数 0

1回答

将Jquery库混合起来，不要将内容推到下面。

javascript、jquery、html、css

我正在使用名为jQuery的图片库插件，它未能将内容推送，例如我的页脚向下推。配置这个图库的方式是，我有许多div元素，它们的背景被应用到这些元素中来形成图库。但是，当您减少页面宽度时，我已经更改了图库的布局，例如，在全宽度时，每行有四个元素，在较低的断点，有两个元素等等。正因为如此，在较低的断点上，图库的高度会发生变化，以适应</em

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

回答已采纳

2回答

如何使XAML元素缩放以适应它们的容器？

c#、wpf、xaml、resize、scaling

我知道有多种方法可以根据父元素来调整子元素的大小。例如，如果您使用的是网格，您可以使用行和列定义，并且在自动大小或固定大小或“星号”大小方面有很大的自由度。但是，如果子元素本身具有固定的宽度和高度，那么父元素是否让子元素填充所有可用空间并不重要。子<

浏览 1提问于2018-05-25得票数 2

回答已采纳

2回答

调整子项大小的WPF容器

wpf、containers、sizing

我需要找到一个WPF容器控件，当以固定大小布局时，可以充分调整子控件的大小，以便每个子控件的大小随着新项的创建/添加到容器中而减小。所以假设这个控件会有一些像子控件一样的瓦片，假设我的容器有4个瓦片- 16X16，填充了整个控件。当我添加下一行的tiles时，我希望现有的4个tiles缩小到12X12

浏览 2提问于2012-05-31得票数 1

1回答

jQuery自动匹配元素到其父元素(类似于extjs)

javascript、jquery、kendo-ui

我正在使用kendoui，这是一个噩梦，采取元素，并自动扩展，以适应它的父。$("#kendoGrid").fitToParent(); 然后执行fitToParent，子</

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

2回答

铬中不同亲本元素的Z-指数

html、css、google-chrome、positioning、z-index

有两个容器。一个是固定的，覆盖100%的屏幕。第二个是相对-包含可滚动的内容。问题是，有四个元素是相对于彼此的:第一，在一个固定的容器，第二在绝对，第三固定，第四在绝对。class="container relative">

浏览 1提问于2013-04-18得票数 4

回答已采纳

2回答

我正在尝试建立一个网站，我也使用的角度。我需要完美地居中的div元素，其中包含一些图标(约80)，这些图标必须左对齐。内容通过文本输入进行过滤，这种过滤每次都会产生不同数量的图标。我尝试过类似于bootstrap的网格的网格系统，flexbox等等。当我将内容向左对齐时，右边会留出一小块额外的空白区域，或者所有元素都居中，底部元素居中，div看起来没有条理。此外，我需要保持每个图标之间至少10px<

浏览 1提问于2018-08-07得票数 0

2回答

CSS父级知道堆叠的子级

html、css、css-position、stacked

我的解决方案有效，我使用绝对位置。如何使父级自动调整其大小以适应这些子级？--如果它与现代浏览器(Chrome、Firefox、Opera、Safari和边缘)一起工作，我不想在解决方案中手动将高度设置为精细。我想我很久以前就读到过一个涉及网格的解决方案，

浏览 3提问于2020-07-27得票数 3

回答已采纳

2回答

如何在固定宽度元素上设置全屏幕宽度背景？

css、layout

我有简单的结构元素容器的，动态高度，和固定宽度(以下标记)。一方面，元素的背景应该跨越整个窗口的宽度，另一方面，子元素的大小必须受到容器的限制(下面所需的布局)。儿童的数量及其大小(仅为简单起见在图像上是相等的)是动态的。如果不添加额外的

浏览 5提问于2017-07-28得票数 9

回答已采纳

1回答

CSS大小相互依赖并通过Chrome中的JS进行调整:可能存在错误吗？

javascript、html、css、google-chrome

我相信，当容器的内容大小取决于父容器的大小和容器的宽度取决于内容的大小时，我可能在铬中发现了一个错误，这是由于试图在一个轴(例如高度)中调整容器的大小。以图解方式：箭头表示“影响”的地方。当您在j

浏览 3提问于2016-04-21得票数 3

2回答

在SwiftUI中设置位于该视图内部的基于GeometryReader的图框

ios、swift、swiftui

我有这样一个粗略的布局：此元素应拉伸以适应容器大小(不同宽度的设备)，并将在ScrollView中使用。除此之外，我还想让新视图自动考虑填充和稍后可能添加的其他大小修改。所以，这是一个天真的重写：正如您很容易发现的那样，ScrollView中的GeometryReader假定了父对象提供的大小，有效地隐藏了视

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

2回答

CSS:如何忽略一个元素，这样父元素的填充就可以容纳其他元素？

css

下面是演示： <div class="container"> <div class="big">Bigelements to be ignored</div>正确的元素是我想忽略的元素</e

浏览 3提问于2014-02-13得票数 0

回答已采纳

1回答

使动态兄弟姐妹的父级填充高度

html、image、css、responsive-design

我有一个html结构，有一个容器和两个子容器。第一个子级是一个动态大小的映像，第二个是一个也是动态大小的div。如果两个孩子比主元素的总高度高，则主元素应该展开以适应这两个div，而页

浏览 0提问于2018-01-16得票数 2

回答已采纳

点击加载更多