一尘不染

为什么不应该使用position:absolute来定位所有内容?

css

我的一个学生问了这个问题,我想举一个例子来启发他:

“为什么我们不应该通过Dreamweaver的AP Div按钮创建网站布局,所以更容易使用AP Div而不是Float + margin +
padding进行布局,如果此方法不正确,那么为什么它不是一个好方法,为什么Adobe在Dreamweaver中将该按钮设置为即使不是正确的布局方式也要进行布局吗?”

谁能用一个简单明了的例子来解释为什么position:absolute不应该使用它来定位 所有内容

  • 我们是否应该使用它来定位布局元素(#wrapper,#header,#footer,#mainContent,#sidebar等)?

  • 如果我们使用position:绝对地使用Dreamweaver AP div按钮[和工具栏按钮图像进行布局,会遇到什么问题?

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


阅读 770

收藏
2020-05-16

共1个答案

一尘不染

相对Divs


优点
-首先,它们允许您的网站处理内容更改。如果要使用所有绝对div标签,则当它们中的数据发生更改时,很容易使标签重叠并相互隐藏。其次,许多好的站点都允许根据用户访问网页所使用的屏幕分辨率和浏览器大小来包装信息。


缺点- 相对div大小的微小变化会导致您的代码更改其包装方式。此外,信息更改有时可能会导致整个站点外观发生令人沮丧的变化,进而需要进行一些调整。

绝对股息


优点
-首先,他们解决了将少量内容分散在较大区域上的问题。标头数据或大量图形站点通常是这种情况。有时,您会在很大的范围内放置背景图片,并且沿边缘和中间的控件很少需要精确放置。在这种情况下,相对div会令人头疼,因为您将需要多个额外的div,并且当用户调整浏览器大小或从较小分辨率的屏幕访问网站时,相对div很容易中断。Absolute
div的另一个主要用途是将内容推出其原来所在的区域。菜单的一个很好的例子!菜单的标题通常包含在一个div中,但是当菜单标题悬停在菜单中时,菜单中的项目会落入另一个div中。也,


缺点-
如果使用不正确,绝对div会遇到与相对div类似的问题。问题是他们变得烦琐地管理。具体来说,如果您使用10个绝对div来控制内容区域,并且其中一个区域变得更大或更小,因为您的内容已更改,则可能必须修改每个div的位置。这将花费大量时间。


结束语
-很多时候,您将要使用具有绝对和相对div部分的网站,这不仅是因为它们都可以达到目的,而且因为将它们一起使用时,您可以用最少的时间和代码来创建外观最好的网页。

2020-05-16