如何在两次潜水之间放置一个按钮？

-2

我要让这样使用CSS设计，但我不知道如何把这个按钮前两名div秒之间，谁能帮助我？

<div></div> 
button 
<div></div>

来源

2017-07-02 Y.EzzEldin

你好，欢迎来到StackOverflow。请花一些时间阅读帮助页面，尤其是名为[“我可以询问什么主题？”（http://stackoverflow.com/help/on-topic）和[“我应该问什么类型的问题避免问？“]（http://stackoverflow.com/help/dont-ask）。更重要的是，请阅读[Stack Overflow问题清单]（http://meta.stackexchange.com/q/156810/204922）。您可能还想了解[最小，完整和可验证示例]（http://stackoverflow.com/help/mcve）。 – natanelg97

既然你选择了不回应，我删除了我的答案，并建议这可能重复https://stackoverflow.com/questions/14940540/css-how-to-position-element-in-half-height-vertical-50 – LGSon

使按钮样式position: absolute;并定义right和top或bottom性能。

如果您希望按钮滚动时是固定的，设置position: fixed;

#up{ 
 
background-color:#B7005D; 
 
height:10vh; 
 
width:100%; 
 
} 
 
#middle{ 
 
background-color:#E0E1E0; 
 
height:40vh; 
 
width:100%; 
 
} 
 
#floating-button{ 
 
    width: 50px; 
 
    height: 50px; 
 
    border-radius: 50%; 
 
    background: #B7005D; 
 
    position: fixed; 
 
    top: calc(50% - 25px); 
 
    right: 30px; 
 
    cursor: pointer; 
 
    box-shadow: 0px 2px 5px #666; 
 
}

<div id="up"></div> 
 
<div id="middle"></div> 
 
<div id="floating-button"></div>

来源

2017-07-02 12:14:10

您也可以使用负margin-top拉你起来元素。

来源

2017-07-02 15:08:57

如何在两次潜水之间放置一个按钮？

回答

相关问题