CSS样式 – 如何将这两个div框相邻

前端之家收集整理的这篇文章主要介绍了CSS样式 – 如何将这两个div框相邻前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div里面有两个div,我想让他们彼此相邻,边距为10px左右,而不是分开,
<div>
     <div class="post" id="fact">
    </div>

    <div class="post" id="sortbar">
    </div>

 </div>

这是我的造型:

#fact{width:200px; margin-left:auto; margin-right:auto;} #sortbar{margin-left:auto; margin-right:auto;}

整个代码都在一个包含这些属性的div容器包装中:

#wrapper {
 float:left;
margin-top:10px;
 width:728px;
 }

感谢任何协助.

解决方法

你有两个选择(选择一个或另一个但不是两个).

> set float:left;在#fact和#sortbar上
> set display:inline-block;在#fact和#sortbar上

第二个选择是更好的,因为你不必修复清除等,以及内嵌块比左漂浮更好地布局的事实.

原文链接:https://www.f2er.com/css/214450.html

猜你在找的CSS相关文章