Question

我有两个元素的问题，我希望它们彼此相邻并且位于窗口的中心（不响应）我也不希望它们在窗口收缩时超过一圈。

你可以在roolt.com上看到两个元素是STARTER和PREMIUM我想让它们居中并且彼此相邻。

HTML：

<div class=" main-container">
    <div class="960" >
        <div id="starter">
               <?php include'PHP_element/packges/starter.php'; ?>
        </div>
        <div id="premium">
               <?php include'PHP_element/packges/premium.php'; ?>
        </div>
    </div>
</div>

CSS：

.main-container {
    position:static;
    width: 100%;
}

.960 {
    position: static;
    margin: 0 auto;
    width: 960px;
}

#starter {
    width: 50%;
    float: left;
}

#premium {
    width: 50%;
    float: left;
}

.container-480 {
    width: 480px;   
}

Answer 1

问题是.960类名。在CSS中，类名不能以开头。将您的班级名称更改为.nine60，或其他不以数字开头的内容，这样可以解决您的问题。

Answer 2

你可以添加另一个css类

#starter .container-480 {
float: right;
}

你有这个.container-480 css类告诉两个盒子容器向左浮动，但是上面的类将确保起始器容器在高级容器旁边浮动。

祝你好运。

元素没有排列彼此相邻的CSS / HTML

2 个答案: