Question

我有以下 HTML ：

<div id="wrapper"></div>

和 CSS ：

#wrapper{
  box-shadow: 10px 10px 5px #d;
  float:right;
  position:fixed;
  height:100%;
  width: 100px;

  background-color:black;
}

我真正想要的是这个但是在屏幕的右侧（应该“完美无缺”）并且作为奖励，如果你将“淡化”里面的部分（可能是背景颜色：白色？）并给出黑色将效果发光到该div的右边框。非常感谢你！

Answer 1

替换

float:right

带

right:0

查看此jsfiddle

锄头有帮助

利奥

Answer 2

喜欢这个？ http://jsfiddle.net/58ajr/1/

#wrapper{
  box-shadow: 10px 10px 5px #d;
  position:fixed;
  right: 0;
  height:100%;
  width: 100px;

  background-color:black;
}

删除float: right，添加right: 0;

Answer 3

you can also specify the number of pixels you want to move to right using margin-left

 <style type="text/css">
    .class1
    {
        margin-left : 600px;
        background-color: #CCFFFF;
         height: 236px; 
         width: 336px;
        }
    </style> 

<div class="class1">

This is 600 px away
    </div>

将div放在浏览器的右侧

3 个答案: