UC知道div+css做的网站,如何在不同分辨率下都全屏显示?
来源：百度知道 编辑：UC知道 时间：2024/06/27 08:22:25
div+css做的网站,如何在不同分辨率下都全屏显示?请高手指点.
网站的结构是这样子的,顶部,中间,底部
然后中间部分又分3列,其中左右2列固定宽度,比如宽度都是200px,而中间我想要它自适应?
这样子如何定义CSS,让页面在不同分辨率下都全屏显示?希望高手能详细指点,谢谢
非常感谢 "百之神 "给我的站内消息,我看到了您给我的回答,效果非常好,帮我解决了困惑我好久的难题.希望您把链接的地址发到这个问题里面,我想有这方面疑问的朋友一定也很需要,同时我再追加50分(好像只能追加2次,本想给您再多点的,呵呵!),表示感谢!
网站的结构是这样子的,顶部,中间,底部
然后中间部分又分3列,其中左右2列固定宽度,比如宽度都是200px,而中间我想要它自适应?
这样子如何定义CSS,让页面在不同分辨率下都全屏显示?希望高手能详细指点,谢谢
非常感谢 "百之神 "给我的站内消息,我看到了您给我的回答,效果非常好,帮我解决了困惑我好久的难题.希望您把链接的地址发到这个问题里面,我想有这方面疑问的朋友一定也很需要,同时我再追加50分(好像只能追加2次,本想给您再多点的,呵呵!),表示感谢!
<!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=utf-8" />
<title>DIV+CSS实现两边固定宽度,中间自适应宽度-天魅设计博客</title>
<style>
body{ margin:0; padding:10px;}
#head{ margin-bottom:10px; height:50px; background-color:#999999}
#main{}
#left{ width:200px; float:left;margin-right:-200px; background-color:#FF9900}
#mid{ width:auto;background:#00FF00;margin:0 220px;border:1px solid #000;}
#right{ width:200px;margin-left:-200px; float:right; background-color:#CCCC00}
#foot{ margin-top: