页面加载时按钮显示在上方

Question

如果我们在加载时访问此page，那么＆＃34;添加到购物车＆＃34;按钮将在上方显示位，如下图所示。

一旦页面完全加载，它将显示在适当的位置。

但在页面加载时我也希望在适当的位置显示。

.label {
    color: #000;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.product-view .add-to-cart .qty-wrapper label {
    line-height: 40px;
}

.qty-wrapper, .product-view .add-to-cart .qty-wrapper label {
    margin-right: 7px;
    float: left;
}

.product-view .add-to-cart-buttons {
    float: left;
    margin-right: 10px;
    max-width: 100%;
}

Answer 1

您网页的源代码会伤害我的眼睛!!

您在所有js文件后加载样式<link rel="stylesheet" type="text/css" href="http://sbdev2.kidsdial.com/skin/frontend/rwd/Style/css/styles.css" media="all" />，将CSS移到页面中<meta property="og:image" ...元标记下方的所有js文件上。