上下左右布局(DIV+CSS)
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns="http://www.w3.org/1999/xhtml"> < head > < meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> < title > </ title > < style type="text/css"> #head{ height:40px; background-color:#0033CC; margin:0; } #content{ background:#CCCCCC; height:200px; margin:0; } #left{ width:20%; height:200px; background:#CCCC66; float:left; margin:0; } #c{ width:60%; height:200px; background:red; margin:0; float:left; } #right{ width:20%; height:200px; background:#339966; float:right; margin:0; } #foot{ background:#0099CC; height:40px; margin:0; } </ style > </ head > < body > < div id="head">head</ div > < div id="content"> < div id="left">left</ div > < div id="c">content</ div > < div id="right">rigth</ div > </ div > < div id="foot">foot</ div > </ body > </ html > |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步