首頁 > web前端 > html教學 > div+css 左右两列自适应高度 ,以及父级div也跟着自适应子级的高度(兼容各大浏览器)_html/css_WEB-ITnose

div+css 左右两列自适应高度 ,以及父级div也跟着自适应子级的高度(兼容各大浏览器)_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-06-24 12:26:59
原創
1201 人瀏覽過

<style type="text/css" media="screen"><!--#main {width:500px;_height:300px;min-height:300px; background:#aaffaa; border:1px solid #600; float:left;overflow:hidden;_overflow:visible;}#sidebar {width:200px;background-color:#ff0000; float:left;  border:1px solid #060; }#content {width:200px; background:#0000ff;  border:1px solid #006; float:left;}.row{margin-bottom:-10000px;padding-bottom:10000px;}--></style></head><body><div id="main">    <div id="sidebar" class="row">         <p>Layer - left</p>    </div>    <div id="content"  class="row">         Layer - right<br />          right<br />       right<br />       right<br />       right<br />       right<br />       right<br />       right<br />       right<br />       right<br />       right<br />       right<br />       </div></div></body>
登入後複製

 

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板