浮点/位置CSS

时间:2011-07-27 01:13:32

标签: html css position css-float

屏幕截图1:https://skitch.com/android86/fm4r7/dreamweaver(HTML设计视图)
屏幕截图2:https://skitch.com/android86/fm4fd/dreamweaver(CSS)

在屏幕截图1中,我尝试将网站联系人和登录链接作为html 5提供的导航标记的一部分,但我希望这些链接水平位于hgroup旁边。

我为hgroup指定了一个宽度,现在我在hgroup的右边有很多空格,但导航开始水平排列,这是我应该用CSS中的position或float属性处理的吗?

我尝试了各种组合,我为导航分配宽度以适应该区域但是它似乎不起作用。任何线索?

CSS代码在屏幕截图2中。在查看之前的讨论后,我认为可能不需要使用类,而是父子关系可能最相关。我个人认为并且读到一个人应该在CSS中使用id当它是一个非常独特的场景和类,当我们期望非常普遍地使用某个东西时,这个父子关系是一种声明一个类的方式吗?谢谢大家。

1 个答案:

答案 0 :(得分:2)

可以通过向左浮动两个元素并移除所有固定宽度来处理它。这是经过修改的jsFiddle:http://jsfiddle.net/joshnh/jdUWt/