功能區偏移20px

我使用引導程序和wordpress來設計wordpress主題，但奇怪的事情仍在繼續。由於某種原因，我的css絲帶被向左偏移20px，並且絲帶css的摺疊不顯示，我不知道爲什麼。他們都在一個集中的容器，所以我不知道發生了什麼。功能區偏移20px

什麼是最令人困惑的是，我的其他內容也不會偏移......

如果任何人有任何建議，他們將不勝感激！

這裏是我的代碼：

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/

感謝您提前任何幫助你能夠提供！

來源

2013-07-28 nellygrl

你想把絲帶放在哪裏？

嘗試刪除線：

left:-15px; 
top: 30px;

在.rectangle

。

來源

2013-07-28 08:22:36 user2627144

功能區偏移20px

回答

相關問題