Question

我使用bootstrap和wordpress来设计一个wordpress主题，但奇怪的事情一直在发生。由于某种原因，我的css色带向左偏移20px并且色带css的折叠没有显示，我不知道为什么。他们都在一个集中的容器中，所以我不确定是怎么回事。

最令人困惑的是我的其他内容没有被抵消......

如果有人有任何建议，我们将不胜感激！

这是我的代码：

CSS

/* Ribbon 
-------------------------------------------------*/

.rectangle {
    background: #7f9db9;
    height: 50px;
    width: 970px;
    position: relative;
    left:-15px;
    top: 30px;
    float: left;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    z-index: 100; /* the stack order: foreground */
}

.rectangle h2 {
    font-size: 30px;
    color: #fff;
    padding-top: 6px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    text-align: center;
}

HTML

        <div class="row">
            <div class="rectangle"><h2>3D CSS Ribbon</h2></div>
        </div>

您还可以在此处查看我的网站（正在进行中）：http://noellesnotes.com/tester/

提前感谢您提供任何帮助！

Answer 1

你想把彩带放在哪里？

尝试删除行：

left:-15px;
top: 30px;

in .rectangle。

色带偏移20px

1 个答案: