我有一个包含css: height:50%;的div，里面还有另一个包含css：height:50%;的div。在第二个div中，有一个image。
我不能让两个(相等) div的高度具有相同尺寸的图像。我怎么才能修复它？
示例：
#div1{
height:50%;
position:fixed;
top:25%;
}
#div2{
height:50%;
position:fixed;
top:25%;
}
#image{
height:50%;
position:fixed;
top:25%;
}
<div id="div1">
<div id=&
浏览 1提问于2014-05-30得票数 0
1回答
我是网页设计方面的新手，我一直在做这个代码html/css，这是关于css中的利润率的，它看起来很简单，但是边距底部并不能在所有的浏览器中工作。我在Chrome、11、Firefox上测试了它，但它在Opera和Safari中不起作用。我不知道我是否犯了一个错误，因为我是新手，还是因为浏览器。
这是我的代码HTML：
<!DOCTYPE html>
<html>
<head>
<title>CALCULADORA DE CREDITOS - CECyT No. 1 "GONZALO VAZQUEZ VELA" DEL IPN
浏览 10提问于2014-03-03得票数 2
回答已采纳
1回答
Div位置和溢出
、、
在div内放置div，并在外部div的卷轴上应用css“位置”：“固定”到内部div，当我开始滚动外部div时，内部div只是出现在外层div上方，具有自己的宽度和高度。
我怎么才能避免div溢出？
我的示例代码：
<html>
<body>
<div id="masterdiv" style="width:50%;height:25%;margin:0 auto;overflow: scroll;">
<div class="scroller_anchor" style="
浏览 5提问于2013-09-16得票数 0
2回答
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<tit
浏览 11提问于2017-07-12得票数 0
回答已采纳
我需要帮助创建一个css视差页面就像
我希望视差是这样的格式：
固定div
滚动div
滚动div
固定div
滚动div
滚动div
固定div
浏览 3提问于2014-11-21得票数 0
注意:要查看搜索栏，请确保在全屏中打开代码段。
谁能帮我修一下这个搜索按钮，这样当我滚动的时候，它就不会向下移动了。
我把它设置为位置:固定的，但出于某种原因，它仍然向下滚动。
这是我的网站到目前为止，我有搜索栏在极右角。请参阅下面的片段(也请在全屏中查看，以正确查看搜索栏)：
<!DOCTYPE html>
<html>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
&
浏览 7提问于2020-06-21得票数 0
4回答
我有两个div，我想设置它们，所以身体div开始在肚脐下面，但它们一直相交。如何使bodyContainer div始终位于导航栏以下？
HTML：
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<meta charset="utf-8">
</head>
<div id="topBarContainer">
&l
浏览 6提问于2015-04-24得票数 0
回答已采纳
1回答
我想将#second_row div放在页面的底部。我尝试过不同的解决方案，但没有一种有效。
#second_row {
position: fixed;
margin: 0;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container">
<div class="row">
<
浏览 4提问于2017-12-01得票数 0
回答已采纳
1回答
我想要一个div悬停在用Google制作的地图上。
然而，当浮动的div到达地图的缩放图标时，它就会开始抖动、扭曲或有时出现散斑现象。
你知道为什么会发生这种事吗?我该怎么解决呢？
我试过把z指数调高。但问题仍然存在。
下面是一个小摆设：
CSS
html, body
{
width:100%;
height:100%;
}
.mainWrap
{
width:100%;
height:100%;
}
.map
{
width:100%;
height:100%;
}
.navigation
{
width:inherit;
position
浏览 0提问于2014-09-26得票数 1
回答已采纳
2回答
我已经创建了bootstrap按钮，它在desktop中工作得很好，但是在media设备(移动设备，平板电脑)中没有显示的按钮--.Here是我的按钮
这是我的代码：
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bo
浏览 9提问于2016-11-25得票数 0
回答已采纳
1回答
我试图在Bootsrap的帮助下创建一个响应式站点，但遇到了一些问题(由于缺乏经验)。
主要的想法是创建一个简单的Bootstrap corousel，它应该是一个固定的或稍微移动的背景(example - )，这样在滚动页面之后，其余的内容将溢出这个背景。
我现在拥有的是- HTML：
<header id="myCarousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
浏览 0提问于2015-11-27得票数 0
2回答
我正在用一种奇怪的方式建立一个网站，
该网站的设计师已经创建了一个具有标题和内置在图像中的导航栏按钮的背景图像，并希望我使它们可以使用HTML点击。
当我可以为特定的分辨率构建它时，这实际上不是问题，如下所示。
然而，当网站的分辨率改变时，导航栏的位置会移动到不同的区域，使其变得无用。
我需要一种方法来使我的导航栏对齐并缩放到背景图像。
HTML：
<!DOCTYPE html>
<head>
<title>
Patrick Walsh 3D
</title>
<link rel="styl
浏览 0提问于2016-01-24得票数 4
1回答
我正在制作一个多页面的网站，我在每个页面上都包含一个导航条和一个页脚，导航栏已经就位，工作正常，但是我的页脚到处都是。在一些页面中，它正是它应该在的位置，另一些页面位于页面的中间，但是在我添加页面内容之前，它就已经是这样了。
我尝试过一些我在网上找到的东西，但到目前为止都没有效果。HTML：
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"> <link rel=&
浏览 1提问于2017-03-22得票数 1
回答已采纳
我有一个垂直的bootstrap sidemenu，它会相应地切换到水平。 我的问题是，一旦sidemenu变成水平的，它就会隐藏在其他元素后面，参见示例，在小型设备上，sidemenu会隐藏在文本后面： <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/fon
浏览 13提问于2019-12-14得票数 0
1回答
编辑
困扰我的是，如果你把div一直拖到右下角，那么浏览器的尺寸就会变大，div不会出现在它的父视图中，直到你实际拖动它。一旦你拖动它，它就会在它的父母视图中重新抓取。
在您调整浏览器的大小之后，我如何使div保持在它的父视图中？
请参阅代码片段。
旧式
我有一个div，它可以通过JQuery UI拖动。我希望它的位置有一个百分比值。这样，当您调整浏览器的大小时，div将相对地、或者成比例地位于相同的位置。
我查看了，并按照它说的做了。当我输出左边和顶部位置时，数字不准确。当我将div拖到右下角时，它会给出以下输出：
66.55518394648828%
92.71255060
浏览 1提问于2015-12-04得票数 3
回答已采纳
2回答
我正在尝试制作一个当我移动滚动条时可以上下移动的菜单。我很接近它，但当它移动时，它会跳跃一点，菜单(div向右)的移动不顺畅。有人知道如何改进它吗？
(当然，它不应该水平移动，也不能与左侧的内容重叠。请在此处查看示例：)
JQUERY：
$(function(){
$(document).scroll(function(){
var windowTop = $(window).scrollTop();
$('#right').css('margin-top', (windowTop) + 'px');
浏览 0提问于2012-11-23得票数 0
回答已采纳
1回答
我的胶粘关闭按钮对我的模式不工作正常。虽然我在css规则中指定了top:0和-webkit-position:sticky;position:sticky;，但它并没有表现得像一个固定的元素。在下面您可以看到我的代码片段：
<html>
<head>
<style>
.modalclose {
position: -webkit-sticky;
position: sticky;
width: 100%;
top: 0px;
}
</style>
<link r
浏览 3提问于2018-11-22得票数 1
回答已采纳
好吧，我注意到了一些东西，但在CSS规范中找不到它。使用position: fixed设置元素的样式将使其相对于浏览器视口进行绝对定位。如果将一个固定位置的元素放在另一个元素中，会发生什么情况？
示例CSS如下所示：
.fixed {
position: fixed;
width: 100px;
height: 100px;
background: red;
}
#parent {
right 100px;
padding: 40px;
}
.fixed .fixed {
background: blue;
}
<div id="parent&
浏览 2提问于2009-09-06得票数 65
回答已采纳
我想在Firefox浏览器中用文本和图像的组合显示水印。
我已经添加了水印图像，然后文本在一个div，第一个图像，然后在这个文本将出现。
--在chrome和IE.中运行良好。
当我想要打印在Mozilla，那么所有水印出现在第一页，而不是每一页。
我知道原因，就像在css 的位置：是导致问题的原因，但是如果我改变了这个位置，我必须应用什么css，而不是作为水印。
<div class="watermark">
<div><img src="/images/watermark_logo.png" /><
浏览 2提问于2013-10-28得票数 1
我有下面的html和css。如果我将位置属性从绝对更改为相对属性，div.raw似乎会在html布局中流动，而背景图像并不能掩盖一切。如果我没有，那它就会。为什么会这样呢？
HTML:
<h1 class="push">Hello World</h1>
<div class="container">
Some text
<div class="raw"></div>
</div>
CSS:
.push {
margin-bottom: 50px;
margin-t
浏览 2提问于2015-04-04得票数 1
2回答
大家好，我正在设计一个网页。我想要一个固定的头。
为此，我设置了position: fixed;。但是，当我在网页中添加另一个<div>并为其设置一些顶部边距时，页眉的页边距也会被更改，这里是我的CSS的标题。
#header {
width:100%;
height:35%;
color:#303030;
postion:fixed;
}
标题下面的div的CSS是这样的
#content {
width:250px;
height:350px;
margin-left:50px;
margin-top:75px;
border-style:s
浏览 5提问于2013-08-30得票数 0
回答已采纳
2回答
在一个网站上，我们有一个iframe页脚，所以现在当浏览器缩小，页脚被切断。最好的补救方法是什么？HTML
<div class="footer">
<iframe src="footer.html" class="footer" scrolling="no"></iframe>
</div>
CSS：
.footer {
border: none;
height: 287.2px;
position: absolute;
bottom 3;
width:
浏览 2提问于2015-11-16得票数 0
回答已采纳
3回答
考虑以下非常简单的代码：
<div id="parent">
<div id="child">
Test it
</div>
</div>
和CSS：
#parent{
position:relative;
margin-left:200px;
color:#FFF;
}
#child{
position:fixed;
top:30px;
background-color:red;
}
我认为子div不会继承父div留下的保证金，因为子div破坏了正常流。但是，它不仅继承了200 of的边距，而且，
浏览 4提问于2014-04-01得票数 1
回答已采纳
1回答
我想通过在纯HTML和CSS中重新创建Bootstrap主页来提高我的HTML和CSS技能。我快完成了，但我的脚好像有点问题。其他的东西都是以我喜欢的方式定位的，但是页脚上的所有东西都会飞到我的页面的顶部和中部。有人能告诉我我在这里错过了什么吗？
HTML
<header>
<div class="top-bar">
<p><a href="#">Aww yeah, Bootstrap 4 is coming!</a></p>
</div>
浏览 4提问于2015-09-22得票数 0
回答已采纳
相关问题：
TL;DR:这是一个。基本上紫色元素应该在两个橙色条的顶部，它应该是整个视图屏幕。
整个故事(在知道问题所在之前)：
我有以下情况，一个工具栏在我的页面顶部和一个在底部和一些内容之间。在该内容之间，我希望有一个元素，如果我想要的话，可以是全屏，重叠视图屏幕上的所有内容(让整个屏幕变成黑色)。
<div id="top-toolbar" style="position: absolute; z-index: 1"></div>
<div id="contents" style="positi
浏览 7提问于2017-02-28得票数 1
我本质上希望div(红点)保持在世界地图上的同一位置，因此我不希望div在浏览器垂直和水平调整大小时移动。我不确定是否需要关注div属性或背景属性。
下面是我的CSS代码，也欢迎任何关于我的CSS代码的反馈！我是网页设计新手，谢谢！：
这是我的HTML：
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style
浏览 0提问于2014-08-04得票数 0
对不起我的英语。我有一个包含的php页面，其中包含一个要显示为position的表:fixed；但是它总是出现在滚动条的上方，而不是包含在父div中。
water.php：
<div id="waterDBDiv">
<table id="titlesTable">
<tr>
<td>title</td>
<td>title</td>
</tr>
浏览 0提问于2016-10-13得票数 1
回答已采纳
高度100%在一些div中工作，而在另一些div中不工作(容器)。高度100%在Menu_left div中工作，但在容器中不工作。我不知道为什么把高度定在100%的地方是行不通的。
以下是我的html代码：
<body>
<div class="All clearfix">
<div class="Menu_left">Menu</div>
<div class="Container_right">Container</div>
</div>
&
浏览 1提问于2014-03-14得票数 0
回答已采纳
2回答
我试着在我的7角应用程序中做一件简单的事情。
基本上，我有一个标题，当我点击它时，一个评论将ease-in从上面放置在标题之下。问题是，当注释移动时，会显示在标题的顶部，这并不是完全想要的效果。
我尝试在CSS上添加一个z-index属性来提升标题，但没有效果。
app.component.ts
import { Component } from '@angular/core';
import { trigger, transition, style, animate } from '@angular/animations';
@Component({
浏览 1提问于2019-04-09得票数 0
回答已采纳
1回答
我有一个固定的标题，这让我在这里谷歌了4个小时的头痛，页面开始加载时，它会从右到左略有跳跃。如何防止这种情况，并在链接单击时有固定的标题。这是我的css：
<div id="main-header" style="border: none; width: 100%; margin: auto; top: 0; z-index: 100; background-color: #9A430B;">
the links are here...
</div>
提前感谢
这是把它放在最上面的剧本.
<script>
$
浏览 0提问于2013-11-26得票数 0
1回答
我有一个网页，所有的工作如预期。我已经给出了一个“控制”(基于javascript)，但是即使使用HTML和CSS，它也不能工作！因此，为了把这一点讲清楚，我把JavaScript放在了不可能的范围内。
<!-- start js control-->
<div style="position:relative;">
<div style="position:absolute;">
asdf
</div>
<div style="position:absolute;">
asdf2222
浏览 5提问于2016-05-24得票数 2
回答已采纳
2回答
我现在有这个JS，它被注入到使用Chrome扩展的外部页面中。下面的代码添加一个div元素作为body元素的第一个子元素：
const div = document.createElement('div');
div.id = 'suman-per-tab-controls';
div.innerHTML = '<b>foooooo</b>';
document.body.insertBefore(div, document.body.firstChild);
我也试过：
document.body.prepend(div
浏览 1提问于2018-01-20得票数 0
1回答
我试着实现一些CSS来将我的表单向上或向下移动，我仍然不能让它移动，我似乎不知道为什么，我尝试使用填充和页边距，我仍然无法让它工作，css确实出现在页面上，但是没有任何东西会移动，它们都只会附着在屏幕顶部的导航栏上。附件是页面和CSS的html。
Css
.main2{
top:40px;
margin-left:70px;
width: 90%;
height:75%;
background-color: #36454F;
position:fixed;
padding-top: 100%;
padding-bottom: 1%;
}
浏览 7提问于2022-02-01得票数 0
我只是从CSS开始，想了解一些行为。
我在CSS文件中定义了以下内容：
#spa {
position : absolute;
top : 8px;
left : 8px;
bottom : 8px;
right : 8px;
min-height : 500px;
min-width : 500px;
overflow : hidden;
background-color : #fff;
border-radius : 0 8px 0 8px;
}
.spa-shell-head {
top : 0;
left : 0;
r
浏览 4提问于2014-09-26得票数 1
回答已采纳
1回答
我有这个javascript代码，lib.js。它管理我站点中的每个java弹出。无论如何，它没有被设置为绝对以页面为中心，我已经为它的div尝试了几个css代码。但这不起作用。我也尝试了著名的/2代码，但它没有工作，否则我可能把它添加到错误的地方。
下面是我的lib.js：
var currentTime =新日期()；
变量topP = 0；
$(文档，窗口).keypress(函数(E){
if (e.keyCode == 27){
$(".yekbox").fadeOut();
$("#yekbox_overlay").hide();
浏览 2提问于2013-11-27得票数 0
回答已采纳
这应该是一个CSS风格的问题，但它有一些C#/Blazor组件.这就是为什么我标记这两个组件的原因。
这里我的主要布局是：
<div class="container-fluid p-0 d-flex flex-column min-vh-100">
<div class="navbar fixed-top">This is the header</div>
<div class="content flex-grow-1">
@Body
</div>
<di
浏览 2提问于2021-02-05得票数 1
回答已采纳
1回答
我想让我的布局中的一列固定下来。不幸的是，当我修复它时，它不适合父div宽度。有没有办法做到这一点。
Html：
<div class="row" style="margin-left: 100px;">
<div class="col-sm-9">
</div>
<div class="col-sm-3">Content</div>
</div>
Css：
.col-sm-9 { background: red; color: whi
浏览 0提问于2014-05-08得票数 0
我今天一直在努力解决IE7 z指数问题，我看不出问题的真相。下面的代码显示了一个定制的样式下拉菜单，它位于名为wrapper_bottom_outer的div之上，在除IE7之外的其他浏览器上，该代码可以在wrapper_bottom_outer之上显示select/下拉类。然而，只有在IE7上，select/dropdown才显示在wrapper_bottom_outer div后面。
今天，我已经了解了开发人员使用IE7和z索引时遇到的问题，我今天肯定会遇到这些问题。
有什么明显的东西我错过了吗？问题在于堆叠的上下文吗？如果是这样的话，我该如何解决呢？
<div class="
浏览 1提问于2012-08-08得票数 0
回答已采纳
4回答
我完全是一个HTML/CSS的新手，但是我在将固定的h1元素居中时遇到了麻烦。它拒绝居中并停留在页面的左侧。我已尝试将边距设置为自动，但它不起作用。代码如下：
h1 {
color: #580101;
font-family: RobotoRegular;
position: fixed;
text-align: center;
}
* {
background-color: #ecebe9;
}
#navbar {
color: #000653;
background-color: #00001a;
height: 40px;
border-radius: 3px;
}
.side
浏览 0提问于2013-02-23得票数 0
回答已采纳
2回答
我使用position: sticky作为我的标题。但是当我滚动到页面的一半(移动的底部)时，它是隐藏的。我怎么才能修好它？下面有关于带有padding-top主要内容的粘性标题的想法吗？谢谢大家。
<body>
<header>
<div>My Header</div>
</header>
<main>
<div>My content 1</div>
<div>My content 2</div>
浏览 5提问于2022-01-30得票数 0
2回答
我试图在顶部创建一个固定的div，但看起来图层重叠了。
CSS：
#fsancy {
background-color:#ddd;
position: fixed;
display: block;
width: 200px;
height: 100px;
left: 50%;
top: 0%;
margin-left: -100px; /*half the width*/
}
HTML：
<div class="container"
浏览 2提问于2018-11-18得票数 0
2回答
我注意到一个让我发疯的行为。
我有两个div，它们都有相似的css：
.one, .two {
position: fixed;
bottom: 6%
}
一个div用于导航，另一个用于内容，最大高度为300px。问题是，如果用户将浏览器窗口调整为非常小的窗口，则不会显示滚动条。
我试图将位置更改为绝对，但是如果加载了新页面，ajaxify插件就会破坏这个位置。我找不到其他的想法，如何将这些div定位在底部的固定位置。
附注：我在上粘贴了一个示例测试
浏览 0提问于2013-06-12得票数 1
2回答
我正在为一个网站的模板与“固定页脚块(FF_BLOCK)"，一些内容和”背景图像块(BG_BLOCK)“(也与一些内容)。
当内容不是很多时，BG_BLOCK应该放在FF_BLOCK的正上方(position: fixed；bottom: 0px)。我从来不想在FF_BLOCK和BG_BLOCK之间有差距。
当有很多内容(和一个滚动条)时，BG_BLOCK可以像现在一样显示。
这只能通过HTML + CSS实现吗?还是使用JS是必然的？
当前HTML
<div id="navigation">...</div>
<div id="c
浏览 2提问于2013-04-03得票数 0
1回答
元素未显示在预期位置(x)中。
、、、、
我认为我对两个不同的元素(#tu，#chr_1)也是这样做的，但由于某些原因，它们的行为不同，我无法弄清楚。
我希望反馈元素与拖动窗口和目标位于相同的位置，这样我就可以提供一些反馈。
有趣的是，#chr_1在drop: function中正确地对齐，但是#tu元素也失败了。它垂直对齐很好，但是相对于预期的位置有一个很大的偏移到右边。
此外，#tu元素显示在#chr_x元素下，尽管它的z-索引要高得多。
我在这里错过了什么？
.draggable {font-size: 2em; text-align: center; vertical-align: middl
浏览 3提问于2015-12-21得票数 5
回答已采纳
1回答
在上，我在顶部有一个肚脐。现在，使用jQuery，当CSS大于100 is时，添加名为.shrink的CSS类，使导航条变得更小。该功能本身运行良好。类被应用，导航条变得更小，但是我面临一个口吃问题。如果你从顶部滚动一点(我相信大概是100 up )，那么肚脐就会开始疯狂地上下跳跃。我不知道是什么引起了这个问题，也不知道如何解决它。有人知道解决办法吗？
$(document).on("scroll", function() {
if ($(document).scrollTop() > 100) {
$("header").addClass
浏览 3提问于2018-06-24得票数 1
回答已采纳
3回答
所以，我的html页面的内容在页脚下面。有人能帮我使页面变长，这样你就可以向下滚动看到页脚了吗？或者让页脚从内容结束的地方开始(更喜欢)？不知道我做错了什么。
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<title>351 Project || Search Student Notes</title>
<link rel="stylesheet" href="main.css">
<meta charset="
浏览 5提问于2022-01-29得票数 -1
1回答
所以我有一个应该是固定位置的元素，我想把它固定在右上角的视图上。
这是HTML：
<div class = "header">
<p>This is a heading with an absolute position</p>
</div>
和CSS：
.header {
position: absolute;
right:10px;
top: 10px;
}
它可以按需要工作，直到你用笔记本电脑向右滚动，或者用移动设备放大。这两个事件将根据事件的范围将元素左移。
我想出了两个解决方案：
1:在顶部制作一个div容器，宽度为10
浏览 1提问于2017-04-17得票数 0
回答已采纳
9回答
我想要显示一个即使在用户滚动页面时也始终可见的div。为此，我使用了CSS position: fixed;。
现在，我还想在父div的右上角显示div。
我尝试使用下面的CSS代码来实现这个目标：
.test {
position: fixed;
text-align: right;
}
但它不会将元素在右侧对齐。
我的示例页面可以在中找到，我想要对齐的div元素在父类parent下称为test。
是否有任何CSS或JavaScript解决方案来对齐屏幕右侧的固定位置元素？
浏览 0提问于2010-05-14得票数 36
回答已采纳
因此，在我的代码中，我有一个粘性页脚。粘性页脚的#wrap容器的min-height为100%。但是在min-height中，你不能在包装div中的对象上使用height:100%。
所以我添加了height:100%，但当窗口高度太小时，它会使页脚滚动到换行div中的内容上，从而扰乱布局。
有人有解决这个问题的办法吗？
<div id="wrap">
<div id="main">
<div id="content">
</div>
</di
浏览 0提问于2012-12-23得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
