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

-1

我有一个问题，我希望他们解决彼此的两个元素，并在窗口中心（不响应）我也不希望他们当窗口缩小时，它会被覆盖。元素没有排列在彼此相邻CSS/HTML

你可以在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; 
}

来源

2014-03-03 Xrait

好的。首先，'position：static;'不是必需的。这是默认位置。第二，'宽度：100％;'没有必要。它也是一个div的默认值。最后，他们在做什么，你*不需要？ –

哦，我已经知道了，我必须通过Safari问题添加它们。 – Xrait

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

来源

2014-03-03 23:41:42

非常漂亮！ –

谢谢你，哇这么简单。 – Xrait

您可以添加另一CSS类

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

你有这个.container-480 CSS类，告诉两个箱子容器左浮动，但上面的类将确保启动容器花车旁边到高级容器。

祝你好运。

来源

2014-03-03 23:45:40 Genus

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

回答

相关问题