cari

Rumah >hujung hadapan web >html tutorial >div+css 左右两列自适应高度 ，以及父级div也跟着自适应子级的高度（兼容各大浏览器）_html/css_WEB-ITnose

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

WBOY
WBOYasal
2016-06-24 12:26:591168semak imbas

<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>

 

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：CSS定位DIV绝对底部_html/css_WEB-ITnoseArtikel seterusnya：div+css网页布局小结 【转】_html/css_WEB-ITnose

Artikel berkaitan

Lihat lagi