Question

我有这个网站：

我画了一张照片，以便更好地了解我想要做的事情。

http://i61.tinypic.com/2hzpgee.png

我右边有一个div，我希望位于上方，但不想成为"position: fixed"。我想成为高度屏幕高度的Div。

这是代码CSS：

    @media (min-width: 1200px) {
      /* line 7, ../scss/_content.scss */
           #primary.content-area,
           #main-content {
                float: right;
                width: 50%;
               }
          .right{
               float:right;
               width:25%;
               height:100%; //I add this code line but not working.
              }

    }

如果你把"position: absolute; top: 0; right: 0;"放在一起看起来并不好看。网站是用引导程序制作的，是否有一个类可以做到这一点？

你能帮我解决这个问题吗？

提前致谢！

Answer 1

使用vertical-align：top;和浮动：对;在div中实现你的目标

编辑：

使用

.right{float:right;
  vertical-align:top;
  height:100vh;
  margin-top:-40px;
  padding-left:10px;
}

请参阅输出here

我怎样才能把它放在屏幕的高度上？

1 个答案: