css列布局 [英] css column layout
问题描述
Hello All，
如果这不是这篇文章的合适组，请指出
正确的方向。
我正在尝试创建一个包含三个主列的布局。
主要内容是最左边的列。这个宽度应该是
变量，具体取决于浏览器窗口的大小。中间和
右列的固定宽度应为200像素。我可以按预期获得
中间和右列。我无法弄清楚
如何使用浏览器大小进行第一列更改。如果我使用
宽度为60％它几乎可以工作，但是当浏览器窗口很小时，第三列包围并且在底部显示为低位。
有没有办法让第一列的宽度简单地为
余数。例如：
< div style =" float：left; width：remaining">
主要内容
< / div>
< div style =" float：left;宽度：200px">
中间栏
< / div>
< div style =" float：rigth：width： 200px">
左栏
< / div>
有什么建议吗？谢谢！
Hello All,
If this is not the appropriate group for this post, please point me in
the right direction.
I am trying to create a layout that has three main columns. The
primary content is the left most column. The width of this should be
variable depending on the size of the browser window. The middle and
right columns should have a fixed width of 200 pixels. I can get the
middle and right columns working as expected. I can''t figure out how
to make the first column change with the browser size. If I use a
width of 60% it almost works, but when the browser window is small,
the third column wraps around and appears way down at the bottom.
Is there some way to make the width of the first column simply "the
remainder". For example:
<div style="float: left; width: remainder">
main content
</div>
<div style="float: left; width: 200px">
middle column
</div>
<div style="float: rigth: width: 200px">
left column
</div>
Any suggestions? Thanks!
推荐答案
Yofnik说：
Yofnik said:
>
有什么建议吗？谢谢！
>
Any suggestions? Thanks!
这是一个javascript新闻组，你正在寻找CSS或html创作。
~A！
This is a javascript newsgroup, you''re looking for CSS or html authoring.
~A!
对Yofnik的回应< je ******** @ gmail.com>：
Response to Yofnik <je********@gmail.com>:
如果这不是这篇文章的合适组，请指出
我正确的方向。
If this is not the appropriate group for this post, please point
me in the right direction.
comp.infosystems。 www.authoring。样式表
还有：
comp.infosystems。 www.authoring.html
comp.infosystems。 www.authoring.site-design
-
-Lost
删除要通过电子邮件回复的额外单词。不要给我发电子邮件。我是开玩笑的。不，我不是。
comp.infosystems.www.authoring.stylesheets
There is also:
comp.infosystems.www.authoring.html
comp.infosystems.www.authoring.site-design
--
-Lost
Remove the extra words to reply by e-mail. Don''t e-mail me. I am
kidding. No I am not.
Yofnik写道：
Yofnik wrote:
如果这不是这篇文章的合适组，请指出我在
正确的方向。
我正在尝试创建一个包含三个主要列的布局。 [...]
If this is not the appropriate group for this post, please point me in
the right direction.
I am trying to create a layout that has three main columns. [...]
CSS是comp.infosystems中的主题。 www.authoring.stylesheets ，其中更多
有能力的人可能已经讨论了你的问题了很多次b
次。我只想说在发布之前使用任何搜索引擎会
让你走得更远。
PointedEars
-
Prototype.js是由不懂javascript的人写的
谁不懂javascript。不知道javascript的人不是设计使用javascript的系统的最佳建议来源。
- Richard Cornford，cljs，< f8 ** *****************@news.demon.co.uk>
CSS is on-topic in comp.infosystems.www.authoring.stylesheets, where more
competent people probably have already discussed your problem a number of
times. Suffice it to say that using any search engine before posting would
have gotten you much farther.
PointedEars
--
Prototype.js was written by people who don''t know javascript for people
who don''t know javascript. People who don''t know javascript are not
the best source of advice on designing systems that use javascript.
-- Richard Cornford, cljs, <f8*******************@news.demon.co.uk>
这篇关于css列布局的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
