个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
在这个 Meteor 客户端代码中； id=feedback-div元素设置在 id="result" 下如何制作 id="feedback-div" 的底部元素立即设置在 <footer> 之上元素？
* {
padding: 0;
margin: 0;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2.25rem;
}
h3 {
font-size: 2rem;
}
h4, footer {
font-size: 1.75rem;
}
h5 {
font-size: 1.5rem;
}
h6 {
font-size: 1.25rem;
}
li {
font-size: 1.25rem;
}
p {
font-size: 1.5rem;
}
@media (max-width: 480px) {
html {
font-size: 12px;
}
}
@media (min-width: 480px) {
html {
font-size: 13px;
}
}
@media (min-width: 768px) {
html {
font-size: 14px;
}
}
@media (min-width: 992px) {
html {
font-size: 15px;
}
}
@media (min-width: 1200px) {
html {
font-size: 16px;
}
}
#header, input, footer, button, textarea, p {
font-size: 1.5rem;
}
div#header {
z-index: 1;
width: 100%;
position: fixed;
top: 0;
overflow: hidden;
text-align: center;
padding-top: 0.5rem;
height: 3.5rem;
}
.busy {
color: red;;
}
input, p {
margin: 0.25em;
padding: 0.25em;
}
footer {
width: 99%;
position: fixed;
bottom: 1px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
}
button {
border-radius: 1em;
background-color: lightgray;
margin: auto;
text-align: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0.5em;
}
div#main {
top: 3.6rem;
position: absolute;
width: 100%;
}
#login-div {
z-index: 1;
font-size: 1.5rem;
text-align: right;
padding: 0.5rem;
top: 3.5rem;
right: 0.5rem;
position: fixed;
}
div#content {
position: relative;
top: 2rem;
padding: 0.5rem;
}
input#plateNum {
text-transform: uppercase;
}
::-webkit-input-placeholder { /* WebKit browsers */
text-transform: uppercase;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
text-transform: uppercase;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
text-transform: uppercase;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
text-transform: uppercase;
}
#plateNum {
margin: 0;
}
.note {
color: orange;
font-size: smaller;
}
textarea#feedback {
width: 100%;
}
p#result {
height: 10rem;
background-color: red;
}
ol {
padding-left: 2rem;
}
#feedback-div {
background-color: yellow;
}
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
{{> header}}
<div id="main">
<div id="content">
<form>
<button type="submit" style="display:none"></button>
{{> content}}
{{> feedback}}
{{> footer}}
</form>
</div>
</div>
</body>
<template name="content">
<input type="text" id="plateNum" autocomplete="off">
{{> results}}
</template>
<template name="results">
<p id="result">{{{display.abcd}}}<br>{{{display.a}}}<br>{{{display.b}}}<br>{{{display.c}}}
<br>{{{display.d}}}</p>
</template>
<template name="feedback">
<div id="feedback-div">
<textarea id="feedback" rows="4" cols="50" maxlength="255"></textarea>
<button id="email">SEND</button>
<p id="response"><br></p>
</div>
</template>
<template name="footer">
<footer>
<button id="clear">CLEAR</button>
<button id="info">INFO</button>
</footer>
</template>
最佳答案
这为我解决了问题。
div#feedback-div {
position: fixed;
bottom: 12px;
}关于html - 将 div 元素定位在另一个固定在底部的元素之上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41753988/
26
4
0
因此，我试图在网站主体中创建导航和页脚，但 particle.js 不断覆盖这些元素。我试过 z-index 但它没有显示出来。 particle.js 不允许我触摸我的导航栏或页脚。会很感激一些帮助
我正在为我的类(class)建立一个美食车网站。我想要有一个盘子的图像，然后一旦它被点击就会有一个不同的食物图像出现在它上面。我想知道可以使用哪种 javascript 或 else/if 语句来实现
我目前正在做一个元素，我有两张人体图像，正面和背面。图像设置为 height: 80vh。我的问题是:我一直在使用 bootstrap 在屏幕较宽时使图像并排流动，在屏幕高时使图像相互叠加，使用 co
有没有办法将“处理...”语言放在 DataTable 对象的顶部而不是垂直中间？如果我有一张长 table ，它会隐藏在页面之外，因为它的默认位置在中间。 $('#example').dataTab
就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放，visit
问题 我有一个表单，一旦用户填写并提交，我希望在表单上弹出一条消息，显示“现在坐下来放松一下吧……”。理想情况下，我希望此消息上有一个按钮表示“确定”。 到目前为止我有什么？ 通过 ajax post
我想在 div 之上制作一个菜单，所以文本基本上位于它之上(参见示例)。我想在同一个 div 中包含菜单的文本，所以 html 是这样的: Portfolio |
我想在 div 之上制作一个菜单，所以文本基本上位于它之上(参见示例)。我想在同一个 div 中包含菜单的文本，所以 html 是这样的: Portfolio |
我想创建这样的布局: 我有 3 个不同的图像:背景、白色方 block 和 V 形符号。 当我希望盒子从一侧移动到另一侧时，如何将它们定位为照片中的位置 当 onClick 被触发时。 我已经尝试过:
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 关于您编写的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSC
我正在尝试获取鼠标当前悬停的元素并将其返回。根据我迄今为止从研究中收集到的信息，这是执行此操作的代码: document.getElementById('theTable').onmouseo
首先，我想说声抱歉，但我在设计 Android 应用程序时遇到了问题 :D我希望该按钮位于 ListView 下方。实际上该按钮位于 ListView 上方并隐藏了下部区域。我该如何解决？ scree
我正在尝试使用 Swiperefreshlayout，它工作得很好，但我需要知道用户何时位于我的 Activity 顶部。我正在阅读这个，我发现了一个名为“setOnScrollListener”的方
我想有两个按钮像页脚一样固定在底部屏幕上，其他 View 不会传递它或在两个按钮上重叠。它只会一直停留在底部。对不起我的英语不好。请帮我。顺便说一句，我不能发布图片，所以它需要 10 个声誉，这就是我
我在所有页面上都有一个由 JavaScript 创建的下拉菜单，有些列最多有 20 个元素。在 Mozilla 浏览器中，此下拉列表显示在所有内容的最上方，但在 Internet Explorer 中
如果我直接在框架上绘画，它显示得很好，但船不会出现在面板顶部... package MoonBlast; import java.awt.BorderLayout; import java.awt.
我已经着手设置我的 JFrame 的背景图像，但现在我的组件(我假设)卡在它后面。我已经尝试阅读有关顶级容器的内容，但我就是无法理解它 T_T。有人有主意吗 ？也许我需要找到另一种方式来设置背景图片？
我有一个 UIView (A)，它以纵向模式显示并附加了一个 UIButton。当用户单击按钮时，第二个 UIView (B) 被初始化并显示为 UIView A 顶部的模态视图。 是否可以将第二个
我对这件事束手无策。 我有几个 div。它们都有一个向下的箭头。它应该居中在中间，棕色线上和所有东西的顶部。最后一个 div 也应该有箭头。我尝试了 z-index、绝对和相对定位，但没有任何效果。
我正在尝试使图像出现在父 div 之外，这样图像看起来就好像位于 div 上而不增加父 div 的高度。但是，无论我尝试过什么，图像都会被父 div 截断并且不会显示所有内容。 我有一个 js fid
我是一名优秀的程序员,十分优秀！