在哪里可以找到关于布局管理器如何工作的信息（布局管理器内部）？

Question

将有关Layout Manager如何工作的信息（布局管理器内部）放入某个页面的答案或链接？

一般问题。用于在浏览器中放置2d（正常）组件。我想建立在JavaScript

Answer 1

应用程序框架布局管理器假设我有你的问题的把握，典型的任务的布局管理器执行的，即：

• 跟踪的位置信息，每个布局组件。在浏览器中可以尽可能的去映射css定位顶部，左边，绝对，相对等的关系，包括边距，填充，边框等的影响。

• 这可以被看作作为同一点，但跟踪图层（通常是z-index）也很重要。

• 跟踪形状信息，通常是一个盒子
• 轨道高度和宽度的组件具有“有源元件”例如脚本，动画形式或嵌入
• 跟踪哪些部件必须被连接到其他具有一定的要求和它们是自包含的和小部件样的
• 通常能够动态更新给定布局组件中的样式属性甚至内容
• 提供重新定位，调整大小并以其他方式调整一个布局组件的跟踪属性的功能一个或多个其他属性布局组件

如果您有能力处理这个问题，那么您将有一个良好的开端。通过设计可能基于模板或模式重新排列的布局格式，能够进一步推进它也可能非常有用。

---

更新：至于其尺寸需要 优先，我不能确定你是什么 寻找。如果您已经在使用 JavaScript，那么最好在 之间保持最小宽度和最大宽度之间的宽度 动态沿着css一边以保持 跨浏览器。 读取节点结构并处理它有点关系 首选和非常多关于 设计的问题。在我自己的经验中，很好地抽象出最小的子节点 '层'，尤其是 所有的内容保存节点到一个 代码部分和最父节点 在另一个。这些不是严格的 顶部和底部节点，但是因为一些 内容确实具有子节点，例如<b> 标签。之后，我在容器 的另一个抽象中填充 ，最后使用这三个层的关系来解释所有节点 。

如果您使用相对长度（例如em，ex， 等）排列“主要”元素。或百分比，并跟进 使用儿童 绝对定位无论是在<div style="position: relative">包装或使用利润率 从相对 长度增加或减少，..你能跨越 不同的浏览器和不同产生 紧密匹配的显示器 最终用户屏幕分辨率。

而且，看看对 参考基本的HTML/CSS设计的最佳实践，并试图简单地实现 他们，你会是一个良好的开端 。