2

Html ページの固定レイアウトがどのように計算されるかを説明しているリソースを探していますが、見つかりませんでした。おそらく、私が知らない特別な用語がありますか?

このプロセスを説明しているリソースをいくつか教えてください。せいぜい、それは完全なプロセスを上から下まで文書化した出版物になるでしょう。

ただし、そのようなリソースがない場合、そしておそらく質問をもう少し説明するために、私が現在直面している問題は次のとおりです。

<body>:  Yo dawg, its time to compute our fixed size and position for the renderer. How big are you?
<div>:   How big are you?
<body>:  That is why I ask you, you're one of my child-nodes.
<div>:   But my width is set to auto and my display to block. I'm as wide as you are!

-> Houston, we have a problem!
4

3 に答える 3

4

レイアウトの計算方法は、エンジンによって異なります。ブラウザが異なれば、使用するエンジンも異なります。

レイアウトエンジンとは?

基本的に、レイアウト エンジンは、コンテンツ (HTML、XML、画像ファイル、アプレットなど) とフォーマット情報 (カスケーディング スタイル シート、プレゼンテーション HTML タグなど) を受け取り、フォーマットされたコンテンツを画面に表示します。これは、ブラウザー ウィンドウのクロム内の空白領域であるブラウザーのコンテンツ領域を描画します。

一般的なエンジンのリストは次のとおりです: http://en.wikipedia.org/wiki/List_of_layout_engines

グローバルな「ウェブページがレンダリングされる方法」を検索する代わりに。「Gecko は Web ページをどのようにレンダリングしますか?」を検索できます。

グーグルの後、この質問はすでにここで尋ねられていることがわかりました。多分それもあなたを助けることができます。Gecko (またはその他のレイアウト エンジン) はドキュメント/ページをどのようにレンダリングしますか?

于 2012-10-30T17:47:59.380 に答える
1

さまざまなレイアウト エンジンのドキュメントに目を通します。たとえば、Webkit ブログの次のマルチパート記事WebCore Rendering I – The Basicsが役に立つかもしれません。記事のすべての部分が役に立ちますが、4 番目の部分である絶対/固定および相対位置は、特に役立つ可能性があります。

于 2012-10-30T18:09:44.537 に答える
1

Alex Russel によるこの講演では、いくつかの洞察が得られるはずです。

于 2012-11-03T03:29:55.573 に答える