fixed fluid layout

zyip發表於2016-02-20
UI

 

  <div id="fixed">Sidebar</div>
  <div id="fluid">Content</div>

 

#fixed, #fluid{
    padding:20px;
    margin-left:2px;
    margin-right:2px;
}
#fixed {
    float:left;
    width:150px;
    background-color:#ccc;
}
#fluid {
    overflow:hidden;/*沒有此屬性的話margin會失效*/
    background-color:#999999;
}

 

http://jsfiddle.net/hhcncku5/

 

相關文章