液体布局固定宽度左侧菜单的

可能重复：
3 and 2 column full screen (width & height) layouts (CSS)液体布局固定宽度左侧菜单的

什么是最简单的，CSS只，跨浏览器的方式来实现以下CSS布局：

一个固定的左手菜单DIV 像素宽度（例如200px）。
旁边是一个填充整个剩余区域的内容DIV。

我以前做过这样的事情，比如绝对定位和东西，它们从来没有觉得很干净。现在我要转换一个旧表的布局和思考的时间是正确的，这样做正确:)

2009-11-19 Pekka 웃

只是这么多类似的问题之一：HTTP：// stackoverflow.com/questions/574317/3-and-2-column-full-screen-width-height-layouts-css搜索“[css]专栏”，你会发现更多。 – peirix

谢谢。那里的链接给了我所需要的一切。我无法自己解决这个问题，对吧？ –

您可以添加一个标签'投票结束'或其他，我想像一个主持人会很快来代替您这样做。 –

最简单的似乎是：

<style type="text/css" media="all"> 

#left_hand {width: 200px; 
      float: left; 
      } 

#main_content {margin: 0 0 0 200px; /* adjust for a gutter between divs */ } 

</style> 

<div id="left_hand"> 
<!-- content --> 
</div> 

<div id="main_content"> 
<!-- main content --> 
</div>

来源

2009-11-19 15:03:32

液体布局固定宽度左侧菜单的

回答

相关问题