web前端布局大量使用绝对定位而不恰当利用文档流是不是很不专业？如果是，为什么腾讯lol的活动页面竟然元素定位大量使用绝对定位？

Question

RT,以这个活动页面为例 http://lol.qq.com/act/a20130320campus/

Answer 1

活动页，特点是开发周期短，维护周期短，逻辑量适中，基本不需要后续重构。多多少少需要赶工。

大量运用绝对元素对于响应式页面、页面重构确实是灾难。但活动页本身不需要重构。我不觉得为了节省工期大量运用绝对定位的方式是“不专业的”的行为。

剥离业务需求本身去探讨方案，你可以得到一些技术上的价值取向，但是终归这些技术还是要回到业务需求的。
说白了，你用了什么高级的低等的方案，需求方不在乎，老板不在乎；只在乎页面按时出来，页面好看，交互好，PV高，转化率高。
要记住，前端就是一个工程属性特别重的行当。这里结果导向特别重。

这并不代表技术本身不重要，技术肯定重要，前端技术的高低直接决定了你可以能做多少需求，决定了你能否把80%的设计图做成100%的页面。只是在业务方面，你需要做的是看得比技术更高。

Answer 2

写这个页面的前端工程师可能完全不是你所理解的前端工程师。
曾在广告公司见识过类似这种页面的开发模式。
甲方把推广宣传任务外包给乙方（广告公司），乙方写策划书，甲方审核通过。
乙方找设计师给出设计稿，甲方审核通过。
最后乙方通过各种途径找一个能实现设计稿的人把它实现出来。这个人可能是一个在校的学生，自由职业的程序员，兼职的工程师。
每一个环节的时间卡的都很紧，快速实现很重要。
因为这种页面都不会复用，所已甲方只看最后效果，完全不介意代码是否可维护。

Answer 3

有一种可能是他们后台有一个可视化开发工具，通过拖拽控件，最后生成一个html文件。

Answer 4

赞同 @Humphry 的观点，「剥离业务需求本身去探讨方案」是个很理想的观点。事实上，很多团队都有自研工具，可以在 Photoshop 中把设计稿输出成现成的网页，其网页内部元素就是使用了绝对定位。

Answer 5

照本宣科来说是不专业的。绝对定位应避免使用，难以维护，也容易存在兼容性问题。
不过实际开发不是背书，活动页面用那几天就扔了，老板说明天上线，今晚你只能怎么快怎么来，只要不影响使用不影响KPI就是专业。
其实哪怕不是活动页面也少见有谁真正在现有代码上去改版页面，往往一改版就面目全非，这种情况下用什么方案都一样。
什么技术规范，什么代码质量，有几个老板会看这玩意。中国有句古话叫“闷声发大财”，识得唔识得啊？

Answer 6

据说腾讯很多东西都是外包的

Answer 7

即便不是活动页面，你也要知道，你看到的页面是一些非专业人士来完成的。
或者，专业的人并不专业。

Answer 8

像这种页面一般都是临时工做的，而且一次性页面，无需考虑太多，大量使用绝对定位，对于这种页面并没有什么问题。

Answer 9

技术是死的，人是活的。
比如我厂的编辑也会自己动手做专题，你会看到很多

<

table>组成的页面/专题...

Answer 10

你看的讲css，html的书应该都有布局一章吧，布局的实现方式有多种，不必局限。如果绝对定位更加简单，为什么不用绝对定位呢，有时绝对定位还能够减少浏览器的reflow和repaint。

Answer 11

少年，一看你就还没毕业吧？

Answer 12

不要死脑筋······多接触吧

Answer 13

lol团队一个月近一个亿的营收 会花大几个小时和你讨论页面可不可维护的问题么 时间就是金钱 档期就是营收 结果 影响过程

Answer 14

看代码就知道这是一个比较水的页面，代码比较冗余，也没有做适当的分离。定位尽量要少用，在低版本和手机端容易引发bug！

Answer 15

应该是，后期不维护吧，一个单独页面，只是用来展示一下，当然会很快的搭建完毕

Answer 16

这个还是要看页面本身的作用是什么。如果只是临时性的专题页面，绝对定位没什么的；但如果是才期使用的而且对兼容性要求高的那绝对定位就不行了。