css - 并排 <div> 和站点居中

标签 css html

我正在尝试将我的网站从使用表格转换为仅使用 css 和 div，但我遇到了很多问题，试图弄清楚如何做到这一点，我一直在寻找关于居中的教程带有 css 的站点以及如何并排放置 div，但我真的找不到两者兼而有之的方法，我一直对如何准确地实现这一点感到困惑，我问了一下周围，我被告知要使用绝对定位，但我仍然我无法真正理解这一点。

那么基本上我应该如何并排排列 2 个中央 div，同时保持整个内容在浏览器中居中？下图是我试图实现的布局:

enter image description here

蓝色框最终是我可能想放入其中的其他内容，例如需要再次使用并排 div 的博客。

现在我有以下布局:

<div id="wrap">
  <div id="banner"> banner </div>
  <div id="navbar"> navigation links </div>
  <div id="body"> stuff </div>
  <div id="footer"> stuff </div>
</div>

最佳答案

总体思路:http://jsfiddle.net/JjbJE/

有点具体，但为您提供学习 HTML 的绝妙冒险 | CSS:http://jsfiddle.net/JjbJE/3/

float:left|right 这个属性做并排技巧

clear:both这个属性清除了float属性

其他的东西很容易学，就去W3Schools

关于css - 并排 <div> 和站点居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9855800/