html – 固定宽度左手菜单的液体布局[复制]

前端之家收集整理的这篇文章主要介绍了html – 固定宽度左手菜单的液体布局[复制]前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Possible Duplicate:
07000

什么是最简单的,仅限CSS,跨浏览器的方式来实现以下CSS布局:

>具有固定像素宽度(例如200px)的左手菜单DIV.
>在旁边,内容DIV填充整个剩余区域.

我之前做过这样的事情,比如绝对定位和东西,从来没有感觉很干净.现在我必须转换一个旧的表格布局,并认为正确的时间是正确的:)

解决方法

最简单的似乎是:
<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>
原文链接:https://www.f2er.com/html/231579.html

猜你在找的HTML相关文章