最大高度转换使子元素始终位于父元素的底部
最大高度转换是一种CSS技术，用于使子元素始终位于父元素的底部。它可以通过设置父元素的高度为0，然后设置子元素的margin-bottom为负值，从而实现子元素始终位于父元素底部的效果。
优势：
- 灵活性：最大高度转换可以适用于各种父元素高度的情况，无论是固定高度还是根据内容自动计算高度，都能实现子元素始终位于底部的效果。
- 兼容性：最大高度转换是基于CSS的技术，对各种浏览器都具有良好的兼容性。
- 简洁性：使用最大高度转换只需要添加一些简单的CSS代码，不需要复杂的JavaScript逻辑或其他额外的依赖。
应用场景： 最大高度转换常用于网页布局中需要将某个元素始终置于页面底部的情况，例如页脚部分。它可以保证即使页面内容较少时，页脚仍然能够始终位于页面底部，提升用户体验。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云服务和解决方案，可以帮助开发者构建稳定可靠的应用。在与最大高度转换相关的场景中，以下腾讯云产品可能会有帮助：
- 腾讯云服务器（CVM）：提供弹性云服务器，可根据业务需求进行灵活调整和管理，确保页面布局的稳定性和可靠性。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供高可用、低延迟的对象存储服务，可用于存储网页中的静态资源文件，例如图片、CSS和JavaScript文件等。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云CDN：提供全球加速服务，可以加速网页中的静态资源文件的加载速度，提升用户访问体验。详情请参考：https://cloud.tencent.com/product/cdn
请注意，以上产品仅供参考，具体选择和配置应根据实际需求进行。
相关·内容
1回答
为什么当一个段落的位置是绝对的时候，顶部底部的填充比原来的增加了？如何将其设置为初始的？谢谢
<html>
<head>
<script>
pos {
position:absolute;
width:300px;
background-color:red;
color:yellow;
}
</[![enter image description here][1]][1]script>
</head>
<body>
<h3> prac
浏览 1提问于2016-01-27得票数 0
2回答
我有几个页面似乎导致了一些相互矛盾的结果。我有一个登录页面，应该有一个灰色的背景，然后我的内部页面有一个白色的背景。但是带有容器“loginPage”的div并不会拉伸整个“容器”div的高度。因此，loginPage div是灰色的，但容器div的剩余空间仍然是白色的。
现在，主容器有一个最小高度，因为我有几个包含大量内容的页面。当我将其设置为仅高度:100%时，页脚不在页面底部。但是一旦我将它设置为最小高度，它就会下降到页面的底部。
这是我的css：
html, body { height: 100%;}
#loginPage {
width:100%;
height:1
浏览 0提问于2013-01-24得票数 0
回答已采纳
1回答
我正在用动态高度的自定义单元格填充UITableView。我正在使用所描述的方法。
为了简单起见，假设我的单元格包含2 UILabels，如下所示。
紫色UILabel将保持与UITableView中所有细胞相同的高度。在这种情况下，紫色UILabel比绿色UILabel高。我希望紫色UILabel的底部和contentView的底部之间的约束是8。
但是，还有第二种可能的情况，如下所示。
在这种情况下，紫色UILabel仍然和第一种情况相同(尽管看起来更小，但由于整体单元格高度较大，相对来说，它看起来更小)，然而绿色UILabel要大得多。在这种情况下，我希望绿色UILabel的
浏览 2提问于2015-02-03得票数 1
回答已采纳
我的HTML页面中有一个div，它有overflow-y: scroll;，看起来工作得很好。
但是，当我向这个可滚动子页面添加内容时，我的页面的body就会增加，所以现在整个页面都可以滚动了。但是向下滚动页面会显示空的背景颜色空间。
这就好像body在为可滚动子程序中的内容分配空间，尽管子元素是可滚动的，因此不需要身体分配这个空间。
是否有导致此问题的样式属性，以及是否有可以修复它的样式属性(或移除属性)？
编辑:作为线索，我的可滚动子元素有display: flex;，当我将它更改为display: block;时，它的新位置正好扩展到body所拥有的额外空间的底部。因此，就好像body
浏览 0提问于2018-08-18得票数 0
2回答
我尝试使用vertical-align将图像与out div元素的底部对齐，但此vertical-align似乎不起作用，图像根本没有移动。
<div class="row">
<div class="col-md-1">
<img src="../images/image.png" style="height: 20px; width: 20px;cursor:pointer"/>
</div>
<div class=col-md
浏览 6提问于2016-02-16得票数 2
回答已采纳
1回答
假设我有一个小部件，它不允许在其上显示子小部件--但这正是我需要的外观。我假设实现这种外观的唯一方法是使子窗口小部件出现在自己的窗口中。
如何使“子”窗口始终位于“父”窗口之上，并使其始终位于底部(具有预定义的边距)并水平居中？
它也应该响应父窗口的大小调整。
一个很好的例子就是视频的控制栏
(事实上--我猜在全屏模式下，VLC实际上是这样做的……是吗？)
编辑:这是我当前的小部件布局：
请注意，搜索栏未显示在视频上方
浏览 4提问于2015-05-31得票数 0
橙色部分是UIView，白色部分也是UIView。橙色视图是白色视图的超级视图。
我已经为白色视图定义了一个约束：“底部空间到超级视图140"，以及”顶层空间到超级视图219"，在iPhone7中如下所示：
如果我切换到较小的屏幕，例如iPhone 4，它看起来如下所示：
正如你所看到的，小屏幕中的白色区域变小了。
我想问的是，如何使白色区域占设备屏幕面积的百分比不变？(我的意思是如何使白色视图的顶部和底部的距离与超级视图成比例，而不是像我所做的那样将空间固定到底部和顶部，从而产生问题)
=====更新====
我遵循@Phillip的简单答案，设法使白色区
浏览 4提问于2017-08-30得票数 0
1回答
我正在开发一个集成了水平滑动功能的移动网站。不幸的是，当我试图让我的网站布局的其余部分正常工作时，这造成了一个令人头疼的问题。
-尝试将浏览器窗口调整得相当小，您将看到#wrapper (绿色)中的#footer (红色)内容。这似乎与设置高度有关:在大多数元素上设置100%，然后将绝对定位应用于水平滑动div (swipeview-masterpage-1)。
我想让#wrapper扩展到内容的高度，#footer位于#wrapper的下面，并且总是在屏幕的底部(你必须滚动才能看到它)。
有没有什么方法可以让我在不接触(或者可能对swipeview div做一些小改动)的情况下工作呢？任何
浏览 0提问于2012-09-18得票数 2
如何在到达可用空间的末尾时使用jquery动态地增加tinyMCE的高度？
我想动态地增加到达显示空间底部的高度。
因为我不想滚动它来查看顶部的内容。
浏览 2提问于2014-05-08得票数 1
回答已采纳
我想将文本对齐到容器的底部。我知道我可以在容器上使用position: relative;，在内部元素上使用position: absolute; bottom: 0;来实现这一点。但是，我有这样的浮动元素：
float: left; .align-bottom (and also float: left)
++++++++++++++++++++++++++++++++++++++++++++++++
+ #blah | +
+
浏览 6提问于2013-03-04得票数 0
回答已采纳
1回答
增加闪亮中滑块的高度
、、、
我很惊讶这个问题没有出现在任何地方。
使用CSS，我如何增加滑块的高度？
这太瘦了：
使用firebug，我找到了我认为合适的元素。
但是把这个放到我的shinycss.css文件中：
.jslider {height: 200%;}
或
.jslider-value{height: 200%;}
甚至是
.jslider shiny-bound-input {max-height: 200px;}
没做什么好事。我突然意识到，也许我只是在徒劳地操纵容器，而不是使用CSS操作实际的滑块对象。
我显然找错了地方，显然我是CSS的新手。有什么想法吗？提前谢谢。
浏览 3提问于2015-04-30得票数 1
我有一个div，它有两个孩子的绝对位置。顶部的孩子移动了50px (顶部: 50px )，它是可增长的，以及底部的孩子从父对象的末端向下移动，比如50px(底部：-50px)，以及它可以根据内容客户端的不同而增长。
现在我需要垂直居中这个父对象，所以我需要父对象的总高度，包括从父对象中移出的子对象以及可能增长的所有内容。我怎样才能得到这个总高度？
我使用了这个函数，但是我没有得到合适的div高度。它只显示父高度，它不包括它移动的子项，并且它具有高度。
alert($('#imgHolder').outerHeight(true));
有谁能帮我算出总高度吗？
浏览 1提问于2011-09-10得票数 1
回答已采纳
这个问题在这里已经有答案了： 高度百分比HTML 5/CSS(6个答案) 昨天关门了。 我有以下代码： * {
box-sizing: border-box;
}
html,
body {
height: 100%;
padding: 10px;
}
body {
position: relative;
}
#outer {
position: absolute;
top: 0;
left: 0;
border: 2px solid green;
padding: 5px;
max-width: 100%;
max-height:
浏览 39提问于2021-02-28得票数 1
回答已采纳
8回答
可在以下网址找到演示：
我将div的高度设置为100 at，并希望在div底部显示label。我使用
#contain-word-lab {
vertical-align: bottom;
margin-bottom: 5px;
}
然而，这根本不起作用。label仍然对齐div的顶部。
有人对此有什么想法吗？为什么vertical-align不在这里工作？谢谢!
浏览 11提问于2014-08-21得票数 7
回答已采纳
1回答
我不得不让一个悬浮div菜单从它的容器中退出，所以我声明了这个容器具有溢出:可见和它的工作，但是现在容器已经失去了它的页边距底部，剩下的在列表中。
我读过和，也读过其他几篇文章，并且尝试过将paddings和html代码引用到不同的元素上，但我无法理解我的具体情况中出了什么问题。
url是，每个"ul.products li“都应该有底部的边距。
有什么想法吗？非常感谢您的帮助！
浏览 2提问于2013-12-19得票数 1
回答已采纳
我试图在另一个div中定位div，其中父级的高度是使用vh单元定义的。
基本上，我需要做的是拥有child height = parent height - 50px。父级最大高度应该是屏幕高度的80% .子高度应该有一个滚动条来显示长内容。
我尝试了几种不同的方法，但似乎都没有用。
这就是我试过的：
.wrapper {
background: yellow;
max-height: 80vh;
width: 300px;
}
.body {
background: pink;
position: absolute;
bottom: 50px
浏览 4提问于2014-12-29得票数 2
回答已采纳
这是我的UserControl文件：
<StackPanel>
<StackPanel HorizontalAlignment="Left" Margin="80,0,0,0">
<Grid Width="1110">
...
</Grid>
</StackPanel>
<ScrollViewer VerticalScrollBarVisibility="Visible" Margi
浏览 0提问于2014-07-09得票数 1
回答已采纳
我试图使子元素成为父元素的height，但是使用height:100%不起作用，可能是因为父元素的高度是未知的。这取决于帖子的大小。
我希望您将鼠标悬停在父元素上，此时子元素将变为可见，并占据与父元素完全相同的空间。
有没有可能呢？最好只使用css。
提前感谢！
浏览 3提问于2014-01-08得票数 0
我有一个具有此css样式的页脚
position: absolute;
bottom:0;
left:0;
right:0;
width:100%;
background-color:#000000;
color:#ffffff;
text-align:center;
但是，如果我在一个小窗口中打开浏览器(所以没有看到页面的所有内容)，页脚在底部，当我向下滚动时，页脚仍然固定在页面的中间！我该怎么解决呢？
浏览 0提问于2016-04-21得票数 0
我有一个屏幕，我想动态地插入一些checkBoxes，但在本例中，我将三个屏幕固定在上面，只是为了测试。这是代码：
Expanded(
flex: 3,
child: Padding(
padding: EdgeInsets.all(10),
child: Container(
decoration: BoxDecoration(
border: Border.all(
color: AppColorSecondary,
),
borderRadius: BorderRadius.all(R
浏览 3提问于2021-04-15得票数 0
回答已采纳
我正在开发一个Windows8.1应用程序。
我有一个SettingsFlyout ()，SettingsFlyout的内容是一个带有ListView和Button的网格
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="15*" />
<RowDefinition Height="1*" />
</Grid.RowDefinitions>
<ListView>
浏览 3提问于2014-08-06得票数 1
回答已采纳
1回答
只需与父或母保持距离
、、、
我有一个用户可以搜索的区域：
<div id="questions-container">
<div>
<div id="searchbar-region">
<div>
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">
<span class=
浏览 3提问于2015-08-19得票数 0
回答已采纳
放空定位元件(输入)放置在监视器的底部，没有物体。
如果我添加一个相对位置到身体，输入位置在身体底部！
为什么？
<body>
<input type="button" value="click" style="position:absolute;bottom:0;" />
<div style="height:500px;background-color:red;"></div>
<div style="height:500px;ba
浏览 4提问于2017-05-25得票数 0
我不能让div到达页面的底部。下面是我的代码：
<!DOCTYPE html>
<html>
<style>
#Welcome {
background-color: pink;
height: 100%;
}
</style>
<div id="Welcome">
Welcome!
</div>
</html>
我没有工作，当我输入高度: 100%；我也尝试了min-height: 100%；但两者都不起作用。我做错了什么？
浏览 88提问于2018-06-02得票数 0
回答已采纳
请给我一个提示，我如何使这张图片占据整个屏幕，无论方向或大小的屏幕。
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
tools:context="com.gadgetcatch.alex.cardcelebration.MainActivity"
浏览 3提问于2017-01-24得票数 0
回答已采纳
太多的信息如何阻止flex孩子的成长，但太难找出如何阻止flex父母的成长(因为孩子)。
考虑以下布局：
外部元素的高度和宽度是固定的(可用于本机应用程序)
页眉和页脚没有增长，也没有缩小。而且，页脚总是在底部。
主要内容(页眉和页脚之间)占用所有可用空间。
主要内容没有滚动。
但内部元素可以滚动。例如，下面的滚动视图标题：
初步解决办法：
.layout {
display: flex;
flex-direction: column;
width: 640px;
height: 300px;
background: rg
浏览 1提问于2019-07-01得票数 4
回答已采纳
参见这个CodePen：。
<body>
<nav>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
</nav>
</body>
CSS
body {
font-family: "Helvetic
浏览 1提问于2014-10-05得票数 1
回答已采纳
我的网站的第一个单词的正文比其他单词的字体要大得多。由于这样或那样的原因，包含文本的容器会将顶部的第一个单词去掉。可能是因为第一个单词的行高与文本的其余部分相同，因此容器无法正确计算自己的高度。
Codepen代码片段： (我已经包含了css文件的全部内容，以便能够正确调试，所以不在这里嵌入它。如果需要，我很乐意编辑我的帖子以包含它，但它将是大约300行文本)
如果我增加第一个单词的行高，同一行上的其余文本将获得相同的行高，从而从下面的其余文本跳起来。如果我在容器元素中添加一个页边距-顶部，第一个单词不再被截断，但文本的底部行被截断。
我在所有的父元素上也使用了overflow: visibl
浏览 2提问于2012-10-29得票数 0
2回答
我在div中有一个元素，在给出页边距-顶部时遇到了一些问题。
我只能让它移动整个div，而不是移动div中的元素。
这是一个紫色的圆圈，我想给它一个页边距-顶部。
#step1 {
width:100px;
height:100px;
border-radius:50px;
background-color:#5020B8;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
top:1em;
font-size:60px;
color:#fffff
浏览 0提问于2013-01-12得票数 0
回答已采纳
我有一个带有overflow-y:auto;和一些元素的div，在底部我有一个脚注。页脚附着在底部，包括：position: absolute;和bottom: 0px; It works...until i会大大降低父级的高度，这样页脚就不再位于div的底部。怎么解决这个问题？JS Fiddle：
html：
<div class="outer">
<div class = "inner">
<div class= "item">item1</div>
<div clas
浏览 1提问于2016-02-03得票数 1
回答已采纳
1回答
在另一个div中有2个div。第一个div必须在顶部，第二个div应该在底部。父div的高度可能会改变，顶部div的高度也可能会改变。了解了这一点，我如何才能将第二个块定位在底部？所以我有这样的东西：
<div id="parentdiv">
<div id="div1" style="width:100px;height:100px;">top div</div>
<div id="div2" style="width:100px;height:100px;">bo
浏览 1提问于2011-03-14得票数 0
我想对齐一个图像或div相对于一个基于Bootstrap 3的网格的行的底部。我曾尝试使用bottom: 0来绝对定位元素，但似乎只有在为父标记专门设置了一个width (我不喜欢这样做)之后，这才能起作用。有没有一种基于CSS的方法将元素与底部对齐？下面是一个完整的示例：
浏览 1提问于2014-04-01得票数 0
我正在试验的段落的字体大小和行高小于默认值，甚至可能小于1。试图理解它是如何工作的。
在代码片段中，您将看到两个段落:第一个段落行高正常，第二个段落行高0.8。我们可以看到，第二段确实短了，但它的顶层跨度(红色边框)比它所在的段落要高。更有趣的是，文本的每一行都保持高度不变。为了演示这一点，我只将第一个单词包装在另一个跨度(绿色边框)中。我们可以看到，内部跨度保持在完全相同的高度。外部跨度确实变短了，但这只是因为浏览器将顶部和底部的行叠放在一起。
另一个有趣的事实是，段落会环绕文本的基线，因此如果段落包含overflow: hidden style，则会截断下划线。
有人能解释这种行为吗？有没
浏览 0提问于2015-08-30得票数 1
我有一个父-子的div关系子打算作为一个水平滚动条附加到父的底部边缘。
父容器是由用户交互添加/删除的矩形条的垂直生长/收缩容器。
如何强制滚动条与父服务器的底部边缘保持一致？
下面是我当前的css情况：
.parent-div {
position: absolute;
left: 0;
top:80px;
right: 0;
}
.horizontal-scrollbar-div {
position: absolute;
top: 0;
left: 0;
bottom:-50px;
height:50px;
浏览 6提问于2014-09-23得票数 0
回答已采纳
1回答
嗨！
我仍然在学习棱角，我在编写我的应用程序时遇到了我的问题。
问题
我有一个父组件，包含从后端调用的项列表。我成功地创建了一个事件，该事件在单击时获取每个项的数据，以将此数据发送到子组件。在那里，我以卡片的形式显示它：(这里的简化代码- )
我面临的问题与移动视图有关，因为这些屏幕较小，不能在一个视图中包含所有信息，但我无法滚动卡片。滚动只移动家长-就像在链接外派。
TODO
目标是不允许父滚动，并使子滚动，如果它的高度>屏幕高度。当子组件存在时，如何使父组件‘溢出:隐藏的或类似的东西？
浏览 3提问于2021-02-18得票数 1
如何将div#sky始终精确地定位在div#house之上，而img#roof总是位于div#sky的底部
div#plot也必须始终位于浏览器的底部。
众议院应该有一个宽径比为1:1.09，并定位在浏览器底部。
在那所房子的上方，屋顶应该安放好。
HTML：
<div id="main">
<div id="sky">
<img id="roof" src="img/roof.png" alt="roof">
</div>
&
浏览 3提问于2016-04-13得票数 0
回答已采纳
我在我的一个项目中使用 JQuery插件。我试图使模式填充整个浏览器窗口，但似乎有问题。在CSS中，将模态容器的宽度和高度显式地设置为100%并不能达到此目的。
我也在尝试使用minWidth和minHeight选项，但这仍然不起作用。有什么建议吗？
浏览 2提问于2013-08-20得票数 1
回答已采纳
我需要的字体大小来匹配我的设计是85pt，这是非常大的。在IE6和IE7中，我的设计会受到影响，因为包含这些元素的div会比正常情况下变得更大，结果是这些元素下的元素会进一步向下移动，这在某种程度上破坏了设计。我为这些元素定义了高度，当我减小字体大小时，这些元素开始收缩到正确的大小。我在元素中添加了line-height: 0；，这在所有现代浏览器中都有效。
不幸的是，我正在做的设计不能公开展示，但我希望能获得一些其他可能的技术，我可以尝试让设计正确呈现。父元素的高度为144px，包括顶部和底部的10px填充以及顶部和底部的1px边框。
不幸的是，我没有更多的信息可以添加到这里，但如果有人问我
浏览 0提问于2009-06-16得票数 2
回答已采纳
3回答
我有以下几点：
HTML
<body>
<div id="header"></div>
<div id="logo"></div>
<div id="container">
<h1>Welcome message</h1>
text text text text text text text text text text text text text text
</div>
&
浏览 0提问于2012-12-11得票数 0
回答已采纳
1回答
在下面的代码中，我试图找出为什么面板从底部扩展到它的父高度。
<!--Beginning of Chart 1 -->
<div id="chartBox1" class="max col-lg-8 col-md-8 col-sm-24 col-xs-24">
<!-- Beginning of Panel For Chart 1 -->
<div class="panel panel-default max">
<div class="pa
浏览 4提问于2014-08-30得票数 2
回答已采纳
，：是否有办法使图像上的最大高度服从祖先的固定高度，而不是它的直系亲属呢？
据我所知，max-height 需要一个固定的高度来从中计算，所以这是而不是一个重复的，询问为什么最大高度不能神奇地工作。
我有一个元素(.rightbox)，它有100%的高度，并且绝对位于一个自动高度容器内。此元素符合预期高度。
该元素有一个最大高度为100%的子元素.此元素也符合预期高度，因为.rightbox父元素具有设置的高度(% +绝对位置)
但现在..。我在那个容器里有个图像..。它不符合最大高度。我认为，拥有一个具有可计算高度的祖先将允许该元素与最大高度相一致。
最大宽度有效，我相信它是用同一个祖先来
浏览 0提问于2017-07-25得票数 1
回答已采纳
2回答
我有个问题困扰了我好几个小时，我只是想办法解决这个问题。
我创建了一张卡片(类似于Bootstrap中的卡片)。我给了它一个固定的高度。一切都很好。
然而，在卡内。我有一个div，有一个叫做“事务行”的类。在它中，在div中有几行单独的行。可能有1-50。
我要做的是让溢出-y工作，这样如果“事务行”div的高度大于卡的固定高度，它就会触发滚动模式(overflow: scroll)。
如果您现在查看它，它不会正确触发滚动模式。如果你删除了一些评论，从小提琴，它将看起来很正常。
<div class="test-card style-one main-details"
浏览 5提问于2022-06-09得票数 2
回答已采纳
1回答
我发现，如果我们用height:auto或height: 0~100%设置块级元素，而不设置具有显式值的父级高度，并且它的块级子元素具有底部边距，那么它在Chrome中计算高度的方式会有所不同，而在Firefox中则不会。对于设置height: 1%的情况
html {
background: pink;
}
body {
background: yellow;
}
div {
height: 1%;
}
inner {
margin-bottom: 30px;
margin-top: 20px;
}
<div>
<p class="
浏览 1提问于2016-02-21得票数 29
回答已采纳
因此，我有一个div是绝对定位在我的网站左下角。
当我在新选项卡中通过<a target="_blank" href="./index.html">打开站点时，底层值没有得到很好的应用。
<style>
.mybox{
width: 150px;
height: 200px;
background-color: red;
position: absolute;
bottom: 70px;
left: 30px;
}
<
浏览 9提问于2021-02-12得票数 2
我正在匹配一个div的高度和另一个div的高度。第一个div有一个纵横比，因此它的高度仅从填充底部.我使用相同的css匹配了第二个页面，但是注意到滚动条在内容上滚动，或者在不需要时出现。
css：
.one {
display: inline-block;
height: 0px;
width: 200px;
padding-bottom: calc(.5625 * 200px); /* aspect ratio 56.25% of width */
background-color: white;
}
.two {
margin-left: 15px;
disp
浏览 5提问于2017-02-04得票数 1
回答已采纳
我想使用CSS将背景图像的顶部与元素的底部对齐(这样我就可以在悬停时或在动画中使用transition，如果你想知道的话)。这个元素没有设定的高度；我不知道这个元素的高度是多少。有人知道怎么做吗？该解决方案不一定要与IE兼容；它只需要在最新版本的Chrome和Firefox上运行即可。
编辑:我将奖励给一个也适用于<body>元素的答案，如果在奖金结束时有这样的答案。
浏览 0提问于2012-07-12得票数 1
回答已采纳
2回答
我有一个表单(包含在div中)，我根据页面和某些条件显示和隐藏元素。
在表单的底部我有一个“上一步”和“下一步”按钮。目前，如果一个元素被添加到表单中，它们的位置会突然改变，所以我想让包含表单的div逐渐改变。
我该怎么做呢？我不想将转换添加到表单元素(因为这将是太多的转换)，只是为了包含DIV。
浏览 1提问于2018-07-28得票数 3
2回答
我有一个div，它的高度比屏幕大，我想让它保持原样，但这个div在底部也有一个水平滚动条，这个滚动条在用户向下滚动之前是看不到的，这有点宽。您必须向下滚动，向右滚动，然后向后滚动，以查看您需要的内容。所以我想知道是否有一种方法可以修复屏幕底部的滚动条，以便用户可以随时使用它。
这里有两张照片来证明我的问题
我现在拥有的是：
我想让它看起来是什么样子：
我本来打算用jQuery自己设计一个滚动条，但是我想知道如果没有这么多的努力，这是否可行。
示例: jsfiddle.net/jy3HK/
另外，请尝试回答我的问题，不要修改它。我希望我的应用程序尽可能地可定制。已经有一个取消底部滚动的选项，但我
浏览 0提问于2013-04-20得票数 0
回答已采纳
我有一个容器视图控制器设置为我的根视图控制器。在这里，我有两个子视图控制器，一个堆叠在另一个的上面(所以只有最上面的视图是可见的)。当我从纵向旋转到横向时，我的底部视图控制器视图被正确地旋转和扩展(填满整个屏幕)，但是我的顶部视图控制器视图没有被展开(所以我可以在顶部视图控制器的右边看到底部视图控制器)。
我假设由于这两个元素都是作为容器的子级添加的，所以它们都会适当地旋转和扩展，但它似乎不是这样工作的。有什么建议吗？
浏览 0提问于2013-09-27得票数 0
我有这个密码
$('#textButton').click(function() {
$('#textContainer').slideToggle('slow');
});
textButton是textContainer的孩子。
这是页面底部的一个基本选项卡，我想在单击按钮时上下滑动。
目前，点击一次滑倒它，该按钮做它自己的幻灯片离开动画，所以它的梨。
有没有办法阻止按钮滑开，而只滑动父容器？
这是一个非常粗糙的小提琴
浏览 3提问于2014-08-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
