0

我正在使用 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/

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

4

1 回答 1

0

你想把丝带放在哪里？

尝试删除行：

left:-15px;
top: 30px;

在.矩形中。

于 2013-07-28T08:22:36.517 回答