css - 基本并排嵌套 <div> 定位

标签 css html

HTMLCSS .

这真的不应该像我想象的那么困难 - 我确信解决方案非常简单。

我正在努力完成两件事:

1) .container 中的 #left#right#footer 留在原地。理想情况下,#right 将只是一个分隔符(其中没有文本),它触及 #topstrip#bottomstrip 并且会有第三个 div在右侧。

2) 将 Logo 与#navbar 放在同一层,但在左侧。

最佳答案

您可以在容器中 float 左右 div,然后使用 clearfix 使它们等高:http://www.webtoolkit.info/css-clearfix.html

因为我们都一遍又一遍地遇到这种布局问题,所以已经创建了几个非常好的 css 框架来完成这项繁重的工作。让您专注于构建内容而不是样板文件。我个人使用 yaml ( http://www.yaml.de/ ),从那以后就再也没有回头。我可以全心全意地推荐它。

关于css - 基本并排嵌套 <div> 定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10061598/

相关文章:

css - Resharper:如何抑制 CSS hack 导致的检查错误?

javascript - 单击时背景淡入

HTML 无法在标题中心获取菜单

html - 表行,当向一个单元格添加填充时,整行会被下推

html - 选择特定父元素的子元素

javascript - 我有一个单选按钮可以更改我页面上的 html 内容,但在一种情况下无法使其正常工作

php - 我需要做什么才能看到数据库元素(foreach 循环)

javascript - jQuery/CSS 动画 div 从左到右的宽度

html - Flexbox:居中正文内容

html - 无法将图像附加到 div