相关疑难解决方法(0)

为什么这种CSS margin-top风格不起作用？

我尝试在另一个div内的div上添加边距值.一切正常,除了最高值,它似乎被忽略了.但为什么？

我的期望:
我对预期保证金的预期:50px 50px 50px 50px;

我得到了什么:
我得到的保证金:50px 50px 50px 50px;

码:

#outer {
    	width: 500px; 
    	height: 200px; 
    	background: #FFCCCC;
    	margin: 50px auto 0 auto;
    	display: block;
}
#inner {
    	background: #FFCC33;
    	margin: 50px 50px 50px 50px;
    	padding: 10px;
    	display: block;
}

Run Code Online (Sandbox Code Playgroud)

<div id="outer">
  <div id="inner">
  	Hello world!
  </div>
</div>

Run Code Online (Sandbox Code Playgroud)

W3Schools没有解释为什么保证金的行为方式.

html css margin

jam*_*lin

2015 04-06

309
推荐指数

8
解决办法

22万
查看次数

当元素被包裹在另一个元素中时，为什么 position:sticky 不起作用？

我正在试验粘性导航，但遇到了问题。问题是，当我将导航放在其他元素中时，它不再具有粘性。

.nav-wrapper{
  position: absolute; 
  bottom: 0;
}

.nav-wrapper nav{
  position: sticky;
  top: 0;
}

Run Code Online (Sandbox Code Playgroud)

    <div class="nav-wrapper">
     <nav>
      <a href="#"><li>Home</li></a>
      <a href="#"><li>About</li></a>
     </nav>
    </div>

Run Code Online (Sandbox Code Playgroud)

html css sticky

Kri*_*ars

2019 03-14

3
推荐指数

1
解决办法

1857
查看次数

为什么带有position：sticky的元素不会停留在父对象的底部？

我试图了解CSS的“粘性”功能。我可以让它坚持其父级的“顶部”，而不是其“底部”

我的测试代码是：

.block {
  background: pink;
  width: 50%;
  height: 200px;
}

.move {
  position: sticky;
  bottom: 0;
}

Run Code Online (Sandbox Code Playgroud)

1111<br/>11111<br/>11111<br/>11111<br/>11111<br/>11111<br/>11111<br/>
<div class="block">
  AAAA
  <div class="move">
    BBBB
  </div>
</div>
222222<br/>222222<br/>222222<br/>222222<br/>222222<br/>222222<br/>

Run Code Online (Sandbox Code Playgroud)

当我将“ move”设置为“ top：0”时，它停留在粉红色块的顶部，但是当我将其设置为“ bottom：0”时，它似乎不再固定/发粘。

css css-position sticky css3

use*_*347

2019 04-13

3
推荐指数

2
解决办法

623
查看次数