Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 绝对定位在网站上的一切?_Html_Css_Web Standards_Css Position - Fatal编程技术网

Html 绝对定位在网站上的一切?

Html 绝对定位在网站上的一切?,html,css,web-standards,css-position,Html,Css,Web Standards,Css Position,我和某人讨论了绝对定位。他声称,确保所有内容在大多数浏览器中看起来都一样的最佳实践是,这是维护网站外观和感觉的最简单方法 我不同意他的观点,即绝对定位将是一种补救方法,也是一种总体上最好的网页布局方法 在我的例子中,我更热衷于使用边距/宽度/仔细浮动调整的方法,有时也会使用偶尔的表格。这是一个轻微的概括,当然,我不会因为意识形态上反对绝对定位而停止使用绝对定位,只是我发现我的同龄人所提倡的绝对定位一刀切的方法是相当值得怀疑的 关于这一点的普遍共识是什么?我的普遍观点是,目的证明手段是正当的 实用

我和某人讨论了绝对定位。他声称,确保所有内容在大多数浏览器中看起来都一样的最佳实践是,这是维护网站外观和感觉的最简单方法

我不同意他的观点,即绝对定位将是一种补救方法,也是一种总体上最好的网页布局方法

在我的例子中,我更热衷于使用边距/宽度/仔细浮动调整的方法,有时也会使用偶尔的表格。这是一个轻微的概括,当然,我不会因为意识形态上反对绝对定位而停止使用绝对定位,只是我发现我的同龄人所提倡的绝对定位一刀切的方法是相当值得怀疑的


关于这一点的普遍共识是什么?

我的普遍观点是,目的证明手段是正当的

实用主义在这里至高无上。最终目标是让它尽可能快地在最广泛的浏览器上运行。是否使用绝对定位,是否使用表格,是否使用纯CSS。。。所有这些问题充其量都是次要的

事实上,我觉得有这么多的“表格仇恨”是很奇怪的,但是,正如无数次记录的那样,如果你想做一些事情(比如垂直居中)并让它兼容回IE6,没有更快、更容易、更兼容的解决方案

我不赞成或反对桌子,绝对定位或任何东西。我唯一“支持”的是它是有效的

因此,在这种情况下,我发现关于“激进”绝对定位的争论——由于缺乏更好的描述——是无关紧要的分心

有了所有这些东西(表格、绝对定位、纯CSS等等),在大多数情况下,你并没有解决所有的问题,你只是在用一组问题换另一组问题。这可能没问题,因为在你正在做的事情中,一组问题可能更可取,但没有灵丹妙药(无论是绝对定位还是其他)


根据经验,我遇到的问题与其他方法一样,都是绝对定位(跨浏览器)来完成我想要的任务。

只有当您100%确定所涉及的元素永远不必缩放其大小且不会四处移动时,才使用绝对定位。如果您完全定位了某个元素,然后另一个元素增长,那么它们可能会重叠,布局也会被破坏。我会非常小心地使用绝对定位,并且通常会建议不要使用绝对定位。几乎可以通过使用浮动元素和/或相对定位来实现相同的布局。

确保所有浏览器中的所有内容看起来都一样是一个困难的目标,主要是因为您总是瞄准一个移动的目标


网站是一种内容交付机制,其本质主要是文本内容。如果您的内容依赖于像素完美定位,例如动画图形等,那么HTML和Javascript可能不是您的最佳解决方案。如果你的段落在Firefox页面上比IE页面上低一个像素,这真的很重要吗?

虽然这可能是非常主观的,但我不喜欢绝对定位,因为你应该检查禁用CSS的情况,看看对于不支持CSS的浏览器,内容是如何退化的(例如搜索引擎、基于控制台的文本浏览器和面向盲人的HTML->语音浏览器)


不完全定位的另一个主要优势是,你可以拥有更通用的CSS,在整个网站上共享,而不必在代码上到处乱扔定位语句——如果客户突然让他们的徽标具有不同的纵横比,需要移动所有东西,那将是可怕的…

互联网不是公共关系int,我不认为绝对定位所有内容都是理想的。我认为你可以通过使用你的方法来确保事情看起来更好,也许可以通过使用EMs来增加一些宽度,以允许页面在不同的屏幕大小(和DPI)上更流畅。这使您的内容能够更好地扩展,随着移动浏览变得越来越流行,这一点很重要

根据我的经验,当你打算让你的页面稍微适应不同的设备时,页面总体上看起来会更好,而不是像你在印刷品中看到的那样,试图强制100%像素完美的布局。这不是互联网的本质


编辑:仔细想想,如果你不小心的话,使用所有绝对值可能真的会在移动浏览器中咬你一口。当你的网站在iPhone之类的东西上使用绝对位置时会发生什么情况(假设你将一些元素与角落对齐)?定位将与iPhone的角对齐,这是一个奇怪的比率(与计算机相比)分辨率要小得多;把一切都搞乱了。如果你使用浮动/宽度/等组合,你可以确保网站保持原来的大小,只需滚动即可。

绝对定位通常非常糟糕。你很少希望你的网站在某人的1024x768笔记本电脑上显示相同的窗口,在t上显示全屏继承人1920x1200桌面。此外,祝你好运,调和你的绝对定位与不同的用户字体大小


提醒你的同行,用户更愿意看到他们想要的网站外观,而不是他想要的(合理的)外观cletus有道理。作为开发者,问题最终是——我们希望做到多彻底?如果最重要的是让你的网站快速发布,那么可能会牺牲额外的预防措施。如果让网站“防弹”是一个优先事项,那么这样做将花费大量的时间和精力。我个人决不会为了方便而牺牲可扩展性和/或可用性。在我的书中,缩放和其他因素都会取消版面的绝对定位。

我不是