色带偏移 20px答案

【问题标题】：ribbon offset by 20px色带偏移 20px
【发布时间】：2013-07-28 07:53:08
【问题描述】：

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

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

【问题讨论】：

标签： html css wordpress twitter-bootstrap

【解决方案1】：

你想把丝带放在哪里？

尝试删除线条：

left:-15px;
top: 30px;

在.rectangle中。

【讨论】：