为什么不离开：0在这里工作？

我试图让身体内部粘性DIV，有css像：为什么不离开：0在这里工作？

.call-us-alert { 
    background-color: #FFB100; 
    border-radius: 4px; 
    height: 31px; 
    width: 19%; 
    top: 50%; 
    margin-left:-107px; 
    position: fixed; 
    z-index: 10; 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    transform: rotate(-90deg); 
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); 
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); 
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); 
}

它的工作原理我的屏幕上，但有一个小屏幕的设备上细，粘DIV消失。我知道原因。我已将margin-left设为-107px。但是当我尝试left:0时，它不起作用。该div保持它停留的位置。什么是解决它的方法？

来源

2016-02-13 Suhail Gupta

删除保证金左和使用'左： -9％;'而不是 –

我根本不会使用保证金。使用左：-107px，无论如何你的元素已经修复。也很高兴看到你想要在屏幕截图上实现的结果。 – markoffden

删除空白左侧和使用左侧：-9％;而不是

.call-us-alert { 
 
    background-color: #FFB100; 
 
    border-radius: 4px; 
 
    height: 31px; 
 
    width: 19%; 
 
    top: 50%; 
 
    left: -9%; 
 
    position: fixed; 
 
    z-index: 10; 
 
    -webkit-transform: rotate(-90deg); 
 
    -moz-transform: rotate(-90deg); 
 
    -ms-transform: rotate(-90deg); 
 
    -o-transform: rotate(-90deg); 
 
    transform: rotate(-90deg); 
 
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); 
 
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); 
 
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); 
 
}

<div class="call-us-alert"></div>

来源

2016-02-13 06:25:25

改变这个代码与原代码...

.call-us-alert { 
    background-color: #FFB100; 
    border-radius: 4px; 
    height: 31px; 
    width: 19%; 
    top: 50%; 
    left:0; 
    position: relative; 
    z-index: 10; 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    transform: rotate(-90deg); 
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); 
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); 
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); 
}

希望这将有助于...

来源

2016-02-13 07:36:48

为什么不离开：0在这里工作？

回答

相关问题