Question

我的网站是yamf.us，我使用的是socialvirall主题。当我编辑style.css时，索引页面没问题，但页面或发布错误，你可以帮我解决这个问题。

我的链接：http://yamf.us/2015/12/07/listen-to-the-piano-guys-take-you-through-50-years-of-batman/

mythemeshop的链接：http://demo.mythemeshop.com/sociallyviral/2015/12/07/listen-to-the-piano-guys-take-you-through-50-years-of-batman/

Answer 1

你的问题在这个css中：

div#page.single, #page.error, .woocommerce #page {
    background: #fff;
    float: left; // right here. this is your main container. usually you don't want to have it float
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
    margin-top: 60px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

我不知道您要实现的目标，但如果您需要float:left，最简单的方法是添加到div#page.single, #page.error, .woocommerce #page这个：

-webkit-transform: translateX(-50%);// Chrome, Opera 15+, Safari 3.1+ 
  -ms-transform: translateX(-50%);  // IE 9 
      transform: translateX(-50%);
position:relative;
left:50%;

我的wordpress主题样式错误（socialvirall）

1 个答案: