Question

如果我们在布局编码中的某个地方使用浮动来定位可以节省我们的时间吗？

我们如何判断定位会给出更好的结果？

For example (i added just for example) if this is a design

到目前为止我只使用float + margin + padding，现在如果我可以混合定位并节省时间并轻松获得像素完美然后漂浮。

指导我

提前致谢。

更新1：

这些是网站的常见元素。我应该对其中任何一个使用定位吗？

The Header
 ---logo
 ---serch box
 ---The Navigation Menu
 ---top links
 ---Breadcrumbs

The Text Area
 ---Paragraphs
 ---images( left , right or center align)
 ---Tables
 ---vertical ordered and unordered list

The Sidebar
 ---vertical ordered and unordered list


The Footer
 ---copyright
 ---Important Links (horizontal list)

Form elements

更新2：

定位有没有兼容性问题（包括IE6）比浮动？
定位是否只适用于固定宽度设计或它对两者都有好处液体和固定？

Answer 1

对于该布局，除了浮点数，边距和填充之外，您不需要使用任何其他内容。定位（relative，absolute，fixed）只能用于“特殊场合”，例如。当你想要将一个元素从文档流中提起并将它放在某个地方时，否则很难放置它。

您不会节省任何时间，也不会因定位而获得更多“像素完美”效果。你应该能够使用传统方法做到这一点。

你应该在该布局中使用绝对定位的唯一原因是因为RSS图标，这是我正在讨论的“特殊场合”。

Answer 2

看看设计，使用定位的需求很少，我唯一可以看到它可能需要在RSS图标上给出重叠效果，但即使这样你也可以用背景图片做一些诡计，以产生效果它重叠。

在我的网站上，如果我需要向用户提供元素在框模型之外重叠的经验，我会使用位置。否则你应该漂亮，填充和使用边距。

如果您使用position:absolute;，请确保父元素为position:relative;

在哪种情况下使用定位比漂浮更好？

2 个答案: