扩展到父级div之外导致移动设备出现问题

文章/答案/技术大牛

发布

2回答

html、css

我希望在不改变页面布局结构的情况下，我的底部div有一个全宽的背景。下面的代码允许我拥有一个完整的背景颜色(深紫色)，就像我想要的here一样。但当我查看我手机上的页面时，我看到底部是9999px。

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

回答已采纳

2回答

填充导致div扩展到父级之外

css

你知道为什么.storen-text会扩展到容器的边界之外吗？我不想设置overflow: hidden，因为它不能解决填充导致它扩展到边界之外的问题(并且文本会与容器的右边缘齐平)。小提琴：<div id="story-container"> <img src="http://www.west

浏览 0提问于2011-05-10得票数 2

回答已采纳

11回答

我的问题是，当您不能预先知道父div的大小时，是否有一种方法可以在不使用JavaScript的情况下，使子div扩展到其父div的边界，而不超过这些边界？下面是演示我的问题的示例标记/样式。如果您将其加载到浏览器中，您将看到#two和#three都扩展到它们的父级#one之外，并导致出现滚动条。我的问题不是滚动条，而是我不知道如何告诉子div占用它们剩余的宽度或高度，而不是父</

浏览 1提问于2009-07-08得票数 73

1回答

将绝对定位元素的最小高度设为较大的值？

html、css

然而，在移动设备上，如果没有其他内容，那么菜单就会被裁剪。但我想知道是否有其他方法不需要我仅出于视觉目的而杂乱地处理html。

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

1回答

overflow设置为visible最近开始调整父div的高度以适合子级

css、flexbox、overflow

我有一个子div，它在父div中悬停时增加其高度，该父div的overflow-y设置为visible。从最近开始，父div一直在调整/增加它的高度，以便当子div的高度增加时与子div的高度相匹配，而不是简单地允许子div溢出并延伸到父div之外。父div也是flexbox列表的子列表，该列表具有固定的高度和固定数量

浏览 2提问于2019-04-03得票数 0

2回答

如何防止网格项溢出网格？

css

我使用下面的代码创建一个网格，从三列扩展到两列，然后在移动设备上扩展到一列：它工作得很好，除了在移动设备上，最小设置会导致每一项溢出网格容器(和屏幕)。即最小400px，除非它溢出父容器

浏览 5提问于2018-01-20得票数 4

4回答

使孩子获得父级溢出宽度

html、css

在显式宽度父级中有许多子项。 <div class='child'>asdf asdf adsf asdf</div> <divclass='child'>asdf</div</

浏览 4提问于2019-12-08得票数 1

3回答

IE7父div自动应用清除:两者都应用于div结束标记

css、internet-explorer、internet-explorer-7

doctype html><divstyle="height:200px;border:1px solid orange;float:right;">test</div>stuff 除了IE7 (以及IE7兼容性中的IE8)<em

浏览 0提问于2011-06-21得票数 0

5回答

将子div扩展到容器div之外

css、positioning、css-position

我试着用浏览器的宽度来扩展这个div。absolute; left: 0; right:0;}来实现这一点，就像在jsfiddle中那样：但问题是我当前的#container有一个{position:relative;}属性，因此如果我对子div有没有办法仍然将我的孩子div扩展到#container之外？

浏览 4提问于2012-10-12得票数 31

2回答

在Zurb Foundation中使用全高柱

css、zurb-foundation

meta class="foundation-mq-small-only"> </head> <divclass="app"> <di

浏览 2提问于2015-02-25得票数 0

1回答

在保持宽度的同时，如何将角材质按钮定位在div底部？

css、angular-material、material-design

我有困难定位我的角度材料按钮在底部的我的div。div看起来如下： fxLayoutAlign="center">> 我想把“删除项目”按钮移到这个div的底部。我尝试了以下几点：

浏览 5提问于2022-02-01得票数 0

1回答

CSS浮动、溢出和绝对位置

html、css

一些内容还包含一个绝对定位的下拉列表，其内容超出了父级的边界。内容以块为单位。这些块应该完全漂浮在侧栏的左边，或者一旦清除了侧栏，它们就应该占据整个水平宽度。通常，除了内容中的下拉列表之外，所有这些规则都可以满足。这可以通过对内容元素应用'overflow: hidden‘来完成，因为这将包含背景。然而，在这种情况下，内容区域中的下拉列表会导致问题，因为它会扩展到父级垂直边界之外，并导致隐藏。(我在演示中使用了“overf

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

回答已采纳

1回答

函数仅在jQuery .html()函数中销毁<dl>中的代码。

jquery、html、internet-explorer-7

代码如下(或者您可以访问)：<dl><dd class="specs"></dd> <div id="defaultSpecs"> <div style="width:80%

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

回答已采纳

2回答

子div中不考虑溢出的滚动条

html、css、overflow、carousel

我正在尝试一个旋转的产品，这些产品部分在屏幕之外，可以滚动，以模拟移动设备的一个组件。滚动条不会到达产品-旋转木马类的末尾，但是如果我删除卡类中隐藏的溢出，我可以看到在父div的底部有一个滚动条可以正确地工作。我想把这种行为转移到旋转木马上。我需要做什么才能看到旋转木马下正确的滚动条而不是父div？滚动父div结果显示背景，我只想让产品向左/右滑动。滚动条不考虑溢出旋转木马有正确的宽度删除卡父

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

回答已采纳

2回答

隐藏div中的所有元素，但单击的标签除外，以在后台显示div

javascript、jquery、css

dvMapContainer作为一个完整的页面背景，并显示一个传单地图，dvEditContainer覆盖一个div，在地图的顶部有一些控件。代码是这样的： <div class="container" id="

浏览 6提问于2015-09-23得票数 0

回答已采纳

6回答

在引导模态窗口中错误定位imgAreaSelect插件

javascript、jquery、html、css、twitter-bootstrap

我在初始化imgAreaSelect时设置了父级，以防止滚动移动区域： handles: true, fadeSpeed</div> </div> 当我试图选择一个区域时，ImgAreaSelect选择图片之外的区域，但是点(

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

回答已采纳

2回答

最大化div而不是其他

javascript、jquery、css、html

事情是这样的：<div id="content"><div id="box1" class="box"></div><div</e

浏览 6提问于2013-03-19得票数 1

回答已采纳

3回答

如何在bootstrap中创建一个容器内的100%屏幕宽度的div？

html、css、twitter-bootstrap、twitter-bootstrap-3

假设我有以下标记： <div class="row"> .<div class="full-width-div"> </

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

回答已采纳

3回答

如何使div将其宽度扩展到父级的宽度之外？

html、css

我有wrapper div和content div。id="wrapper"> <div class="column">hello</div> <&#x

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

回答已采纳

2回答

强制文本适合父元素

html、css

我知道display: inline-block会导致父元素“收缩”到最大的子元素的宽度。如果最大的元素是像<img />这样的元素，这正是我想要的。但是，如果一行文本恰好很长，它会扩展父文本的宽度。<div class="hi"> <div class="longt

浏览 1提问于2015-02-01得票数 1

点击加载更多