首页 > 代码库 > HTML 盒子模式的相关问题
HTML 盒子模式的相关问题
<html lang="en"> <head> <meta charset="utf-8"> <title>document</title> <style type="text/css"> .header,.main,.footer{ width:500px; } .header,.footer{ height:100px; //盒子模型 要是不给height 高度 ;将不显示;只有设置高度才有图像出来 background:#000; } .main{ height: 300px; //内嵌的盒子 也不继承 height ,也需要独立设置高度 background-color: #eee; margin:10px 0; } .main .content{ width:300px; height:300px; background:orange; float:left; } .main .sidebar{ width:190px; height:300px; background:green; float:right; } </style> </head> <body> <div class="header"></div> <div class="main"> <div class="content"></div> <div class="sidebar"></div> </div> <div class="footer"></div> </body> </html>
HTML 盒子模式的相关问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。