2011-01-23 69 views
2

当我在学习CSS的时候,我会读到当你漂浮元素时需要每个元素的宽度。这是真的?用CSS浮动 - 是否需要宽度?

我现在问的原因是因为我想浮动不同宽度的元素;但显然这不起作用,因为更长的元素会包装到下一行。我拿出了CSS &中元素的宽度,它显示了我希望如何......元素只占用空间&,如果容器的宽度太长,那么它只会显示在下一个线。

+0

你能举个例子吗?我无法想象这一点。 – Eray 2011-01-23 20:01:10

+0

http://www.w3.org/TR/CSS21/changes.html#q58 – reisio 2011-01-23 20:56:40

回答

2

宽度不是必需的。这完全取决于你想要完成的事情。

当我漂浮元素与静态宽度它通常是创建一个柱状布局

.sidebar { float: left: width: 30%; } 
.content { float: left: width: 70%; } 

但有时候你想要的物品占用较小的空间尽可能和换到下一行,宽度不是必需的。

,与以往一样,当你漂浮,确保您clear:bothleftright

2

不,这不是必需的。很多人说你应该,但它不是必需的。

2

一个浮动,因为它需要元素将只占据尽可能多的宽度。包含元素将缩小或扩大到其大小。

如果你没有浮动块级元素,它会扩大到100%的宽度。

1

在旧版浏览器(例如Firefox 1.0)中的情况属实,但在现代浏览器中并非如此。