两列同行布局

来源：互联网发布：iphone照片如何导进mac 编辑：程序博客网时间：2024/04/29 03:05

<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>两列同行布局</title><meta name="keywords" content="关键词,关键词"><meta name="description" content=""><style type="text/css">*{margin:0;padding:0;}/*centert start*/.centert{width:1000px;margin:50px auto;}.centert .c_left{width:50%;height:300px;background:#f60;float:left;}.centert .c_right{width:50%;height:300px;background:#930;float:left;}.clear{clear:both;}/*end centert*/</style></head><body><!--centert start--><div class="centert"><div class="c_left"></div><div class="c_right"></div><div class="clear"></div></div><!--end centert--></body></html>

<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>三列自适应宽度</title><meta name="keywords" content="关键词,关键词"><meta name="description" content=""><style type="text/css">*{margin:0;padding:0;}/*content start*/.content{width:1000px;margin:10px auto;}.content .c_left{width:300px;height:300px;background:#3f0;float:left;}.content .c_center{width:400px;height:300px;background:#fc3;float:left;}.content .c_right{width:300px;height:300px;background:#ff0;float:left;}.clear{clear:both;}/*end content*/</style></head><body><!--content start--><div class="content"><div class="c_left"></div><div class="c_center"></div><div class="c_right"></div><div class="clear"></div></div> <!--end content--></body></html>

阅读全文

0 0