css – 为什么我不应该使用position:absolute来定位一切?

前端之家收集整理的这篇文章主要介绍了css – 为什么我不应该使用position:absolute来定位一切?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的一个学生问我这个问题,我想用一个例子来启发他:

“Why we should not create site layout
by Dreamweaver’s AP Div button,it’s
easier to make layout with AP Div
instead Float+margin+padding and if
this method is not correct then why
it’s not good method and why Adobe
giving this button in Dreamweaver to
make layout even if it’s not correct
way to make layout?”

任何人都可以解释一下简单简洁的例子,为什么立场:绝对不能用于定位一切?

>我们是否应该使用它来布局元素(#wrapper,#header,#footer,#mainContent,#sidebar等)?
>如果我们使用位置进行布局,我们可以使用什么问题:绝对使用Dreamweaver AP div按钮a toolbar button image http://livedocs.adobe.com/en_US/Dreamweaver/9.0/images/draw_layer_button.gif

我知道的位置:绝对不好,但我无法很好地解释或提供任何例子。

解决方法

相对分部

优点首先,它们允许您的网站处理内容更改。如果您使用所有绝对的div标签,您可以轻松地将标签重叠,并在其中的数据更改时相互隐藏。其次,许多好的网站允许根据用户访问网页的屏幕分辨率和浏览器大小来封装信息。

缺点 – 相对div的大小稍有变化可能会导致您的标签更改包装方式。此外,信息的更改有时会导致整体网站外观的令人沮丧的变化,反过来又需要一些调整。

绝对分支

优点 – 首先,他们解决了分散在更大范围内的少量内容的问题。通常情况下,标题数据或大量图形化站点。有时你会有一个大面积的背景图像,你将几乎没有控制沿边缘和中间需要准确放置。在这种情况下,相对div会令人头疼,因为您需要多个额外的div,当用户调整浏览器的大小或从小分辨率屏幕访问该网站时,它们会轻松中断。绝对div的另一个主要用途是将内容推出原来的区域。一个很好的例子就是菜单菜单标题通常包含在一个div中,但是当菜单标题悬停在其中时,它的内容将分成另一个div。此外,在屏幕上弹出的工具提示和东西通常需要绝对定位。

如果使用不正确,缺点绝对区别与相对问题相似。问题是它们变得乏味的管理。具体来说,如果您使用10个绝对div来控制您的内容区域,并且其中一个区域变得越来越大,因为您的内容更改,您可能需要修改每个div的位置。这将花费大量的时间。

结语 – 很多时候,您将要使用一个绝对和相对的div部分的网站,不仅因为它们都是为了目的而设计的,而且因为在一起使用它们的时候,您可以创建最少的时间和代码的最佳网页。

猜你在找的CSS相关文章