“浮动”块级元素

时间:2013-02-03 19:25:52

标签: html css css-float

我正在工作的网站上工作,我工作的程序员提到你不能浮动块级元素。他说我需要找到一种方法来实质上浮动块级元素而不实际使用float属性。例如,侧面导航栏右侧的“浮动”文本。

在网页设计方面,我仍然被认为是新手,所以任何帮助都会受到赞赏。

2 个答案:

答案 0 :(得分:1)

要回答问题如何在不实际使用“Float”属性的情况下浮动块级元素,可以在CSS中使用绝对定位:

#myBlockId {
    position: absolute;
    left: 100;
    top: 100;
    z-index: 2;
}

上面会将一个块<div id="byBlockId">...</div>浮动到其他内容之上(通过tha z-index)并将其精确定位在(100,100)。

关于开发人员告诉你的内容,我认为你只能 浮动块级元素。你最好的选择可能是要求开发者澄清他的意思。

答案 1 :(得分:0)

浮动元素被转换/成为块级元素(除非在CSS中定义为内联)。

因此,与你一起工作的程序员说,块级元素不能浮动就是告诉猪肉。

但是,如果你的程序员(在他自己的脑海中)定义一个块级元素作为一个元素,它必须保持100%宽度的包含元素而且这个不能改变,事情就会开始变得棘手。

没有视觉例子,进一步帮助是不可能的。

尝试阅读粉碎杂志中的这篇粉碎文章: http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/