communauté Apprendre Bibliothèque d'outils Loisirs

Français

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

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

WBOY

Libérer： 2016-06-24 12:26:59

original

1165 Les gens l'ont consulté

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

Copier après la connexion

Étiquettes associées：

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

source：php.cn

Article précédent：CSS定位DIV绝对底部_html/css_WEB-ITnose Article suivant：div+css网页布局小结【转】_html/css_WEB-ITnose

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur