2012-02-16 90 views
2

如何定义使用div S(HTML5 section或)CSS两个栏布局宽

设计|内容 - 填写区域| <空隙20px> |侧边栏宽度200px坚持到 右侧|

回答

5

这样写:

div{ 
    height:80px; 
    background:red; 
} 
.fixed{ 
    float:right; 
    margin-left:20px; 
    width:200px; 
} 
.dynamic{ 
    background:green; 
    overflow:hidden; 
} 

入住这http://jsfiddle.net/gtmXE/

+0

这不适用于'section's ... – Queequeg 2012-02-16 12:38:11

+0

当侧边栏不存在时,使内容'DIV'填充整个宽度? – Queequeg 2012-02-16 12:48:26

+1

检查我的小提琴&从HTML中删除固定的div。然后你会得到你想要的 – sandeep 2012-02-16 14:06:09

3
<div id="sidebar" style="float:right; width:200px;"> 
<div id="content" style="margin-right:220px"> 
    main content 
</div> 
+1

相同http://jsfiddle.net/c7LWd/ – bumbu 2012-02-16 10:07:56

+0

奇葩,谢谢你。我似乎从来没有获取DIV – Queequeg 2012-02-16 10:09:12

+0

如何在侧边栏不存在时使“DIV”内容填充整个宽度? – Queequeg 2012-02-16 12:48:14