相关疑难解决方法(0)
中心绝对div在另一个div中
有没有办法将一个绝对div放在他的父母居中,并在z-index的内容之上？
<div id="parent">
<div id="absolute-centred"></div>
</div>
父母的大小未知.绝对div应该覆盖内容.
4
推荐指数
推荐指数
1
解决办法
解决办法
3546
查看次数
查看次数
HTML/CSS 如何在绝对 DIV 中居中 DIV
我有一个我无法解决的问题。我试图将这个黑框放在具有绝对位置的红框内。我尝试将黑匣子调整到相对位置，但我觉得我错过了一些东西。
最终，我试图制作顶部标题。
这是一个图像header-image.jpg
帮助？
body.esc-layout {
min-width: 960px;
margin: 0 auto;
}
.promo-bar {
display: block;
}
.promo-bar .customer-care-wrapper {
float: left;
max-width: 50%;
}
.promo-bar .customer-care {
font-size: 11px;
color: #000;
margin-left: 15px;
display: block;
}
.promo-bar {
width: 100%;
min-height: 32px;
position: relative;
height: auto;
overflow: visible;
z-index: 5;
background-color: #EEE;
overflow: hidden;
}
.promo-bar .service-message-wrapper {
padding-top: 2px;
max-width: 50%;
margin: 0 auto;
position: relative;
}
.service-message-wrapper .service-banner{
position: absolute;
left: 0px;
right: 0px;
text-align: center; …3
推荐指数
推荐指数
1
解决办法
解决办法
9878
查看次数
查看次数
如何使用css中的绝对位置将子div定位到每个父div的中心
我很难在每个父母div上定位儿童div.
这是css代码:
.mainDiv {
height:500px;
position: relative;
}
.mainDiv .parent1 {
height: 250px;
background-color: blue;
top: 50px;
position: relative;
}
.mainDiv .parent2 {
height: 250px;
background-color: yellow;
position: relative;
}
.mainDiv .parent1 .sub1 {
width: 100px;
height: 100px;
background-color: green;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 50%;
}
.mainDiv .parent2 .sub2 {
width: 100px;
height: 100px;
background-color: red;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 50%;
}
这是小提琴
1
推荐指数
推荐指数
1
解决办法
解决办法
2041
查看次数
查看次数
当子项绝对定位时，将子项置于父项的中心
有没有办法将absolute已定位的元素定位到其已定位的父元素的中心relative？
我在想是否可以以某种方式计算父级的宽度，并据此将子级居中？但不确定从哪里开始，是使用 JavaScript 还是 CSS。
这是可供参考的代码笔
0
推荐指数
推荐指数
1
解决办法
解决办法
1768
查看次数
查看次数
4 象限 div，中间有标志 div
我希望有 4 个 div（2x2），中间有一个标志 div。
到目前为止，我遇到了这个：示例发现
* {
box-sizing: border-box;
}
.info-box {
margin: 2rem auto 0 auto;
text-align: center;
display: flex;
flex-wrap: wrap;
border:1px solid;
padding:50px;
}
.info-item {
flex: 1 1 50%;
min-height: 100px;
padding:50px;
}
.grid1 {
border-right:1px solid;
border-bottom:1px solid;
}
.grid2 {
border-bottom:1px solid;
border-left:1px solid;
}
.grid3 {
border-top:1px solid;
border-right:1px solid;
}
.grid4 {
border-left:1px solid;
border-top:1px solid;
}<div class="info-box">
<div class="info-item grid1">1</div>
<div class="info-item grid2">2</div>
<div class="info-item grid3">3</div>
<div class="info-item …-1
推荐指数
推荐指数
1
解决办法
解决办法
390
查看次数
查看次数
如何在div中水平居中绝对按钮？
我试图将一个绝对按钮放在一个 div（在底部）中，但它似乎不起作用..这是我现在正在做的事情：
.mc-item {
background: #F0F0F0;
border: 1px solid #DDD;
height: 140px;
padding: 20px;
}
.mc-item a {
position: absolute;
bottom: -19px;
left: 50%;
}
.mc-item p {
text-align: center;
}<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class="col-md-4 col-sm-12">
<div class="mc-item">
<p>Changez votre adresse email ou votre mot de passe.</p>
<a asp-controller="MyAccount" asp-action="Settings" class="btn btn-primary">Paramètres</a>
</div>
</div>这给出了以下结果：
我想要的是中间居中的按钮。是否left: 50%考虑整体.col div？我尝试将buttona包裹起来，div并且div的宽度变为 380，这与.col div(div与<p>) 相同。
-1
推荐指数
推荐指数
1
解决办法
解决办法
2502
查看次数
查看次数