请大家帮我看一下这段代码,怎样修改使它的模块不会因为窗口大小的改变...
发布网友
发布时间：2023-12-24 18:42
共5个回答
热心网友
时间：2024-08-17 14:14
------------------------------以下是你需要的--------------------------
<!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>
<title></title>
<style>
body{
margin:0px;
padding: 0px;
}
#contant{
margin:0 auto;
width:950px;
}
#header{margin-top:0px;.margin-bottom:5px;}
#mainheader{height:30px;background-color:red;margin-bottom:5px;}
#nav li{float:left;}
#nav li a{text-decoration:none;display:block;margin-left:20px;width:65px;height:25px;text-align:center;padding-top:5px;}
#nav li a:hover{text-decoration:none;color:yellow;}
#mainbody{margin-bottom:5px;}
#saider{float:left;width:200px;background-color:blue;}
#body{ background-color:yellow;}
#footer{clear:both;background-color:green;}
</style>
</head>
<body>
<div id="contant">
<div id="header"><img src="12.jpg" width="100%"></div>
<div id="mainheader">
<div id="nav">
<ul>
<li><a href="#">心情</a></li>
<li><a href="#">装扮</a></li>
<li><a href="#">主页</a></li>
<li><a href="#">我的好友</a></li>
<li><a href="#">日记</a></li>
</ul>
</div>
</div>
<div id="mainbody">
<div id="saider">
<div><img src="23.jpg" width="300px" height="150px">红陶是新石器时代出现的一种器表呈入窑焙烧时采用氧化焰气，使陶胎中的文化、马有浜文化等都以红陶为主。</div>
<div><img src="34.jpg" width="300px" height="150px">唐三彩是一种盛行于唐代的陶器，以黄、白、绿为基本釉色，后来人们习惯地把这类陶器称为“贴、刻画等形式的装饰图案，线条粗犷有力。《唐三彩》是原·味组合在09年8月发行的新专辑，唐三彩是主打歌。
</div>
</div>
<div id="body">艺术作品。一般指造型艺术的作品。一般的艺术品可视为含有两个成分：一是作品上的线、形、色、光、音、调的艺术品配合，寻常称为‘形式的成分’或‘直接的成分’；一是题材…寻常称为‘表现的成分’或‘联他指出，“艺术主要是诉诸情感的，一旦注意力被吸引，理智就齐白石作品价格就是随注意力的改变而改变的一个典型案例。上世纪20年代，齐白，画事艰难”。不过，当陈师曾携带齐白石的书画作品参加1922年在日本举随之上涨了几十倍之多。对此，齐白石感慨道，“曾点胭脂作杏花，百金尺纸众争夸。平生羞杀传名姓，海外都知老画家。” 艺术品
尽管人们一般并不使用“玻璃、透明树脂、树脂、淘好的瓷泥并不能立即使用，要将其分割开来，摞成柱状，以便于储存和拉坯用。
三、拉坯 将摞好的瓷修坯这一工序将印好的坯修刮整齐和匀称。
六、捺水 捺水是一道必不可少的工序，即用清水洗去坯上的尘土，为接下来的画坯、上釉等工序做好准备工作。
七、画坯 在坯上作画是陶瓷艺术的一大特色，画坯有好多种，有写意的、有贴好画纸勾画的，无论怎样画坯都是陶瓷工序的点睛之笔。
八美国著名分析美从艺术品与人的意图,艺术品的非功利性,艺术品与艺术习俗,开放的艺术品概念等四个方面,重新界定"艺术品"的概念,来为现代艺术寻求美学的辩解。
四、印坯 拉好的瓷坯只是一个雏形，还需要根据要做的形状选取不同的印模将瓷坯印成各种不同的形状。
</div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
热心网友
时间：2024-08-17 14:13
热心网友
时间：2024-08-17 14:19
这个width后跟一个固定值就可以了，比如将100%改为1000px，100%指的是一个相对窗口的值，所以它会变。
热心网友
时间：2024-08-17 14:12
热心网友
时间：2024-08-17 14:18
=============================
我回答的时候明明帖了全部代码的,让百度吞了,
楼主你给我发消息,或在线交谈,我发给你全部代码.
======================
#contant
{
margin: 0px;
width: expression(document.body.clientWidth<600?"600px":"100%");
}
只需要改一句:原来的#contant{margin:0px;width:100%;}
改为上面的: width: expression(document.body.clientWidth<600?"600px":"100%");
就可以.
已在IE下测试通过.
ps:
expression(document.body.clientWidth<600?"600px":"100%");
中的600,是你希望的最小宽度,你可以根据自己的需要修改.
========================
以下是全部代码,你用来替换你的代码:
<html>
<head>
<title></title>
<style>
body{margin:0px auto;}
#contant{margin:0px;width: expression(document.body.clientWidth<600?"600px":"100%");
}
#header{margin-top:0px;.margin-bottom:5px;}
#mainheader{height:30px;background-color:red;margin-bottom:5px;}
#nav li{float:left;}
#nav li a{text-decoration:none;display:block;margin-left:20px;width:65px;height:25px;text-align:center;padding-top:5px;}
#nav li a:hover{text-decoration:none;color:yellow;}
#mainbody{margin-bottom:5px;}
#saider{float:left;width:200px;background-color:blue;}
#body{ background-color:yellow;}
#footer{clear:both;background-color:green;}
</style>
</head>
<body>
<div id="contant">
<div id="header"><img src="12.jpg" width="100%"></div>
<div id="mainheader">
<div id="nav">
<ul>
<li><a href="#">心情</a></li>
<li><a href="#">装扮</a></li>
<li><a href="#">主页</a></li>
<li><a href="#">我的好友</a></li>
<li><a href="#">日记</a></li>
</ul>
</div>
</div>
<div id="mainbody">
<div id="saider">
<div><img src="23.jpg" width="300px" height="150px">红陶是新石器时代出现的一种器表呈入窑焙烧时采用氧化焰气，使陶胎中的文化、马有浜文化等都以红陶为主。</div>
<div><img src="34.jpg" width="300px" height="150px">唐三彩是一种盛行于唐代的陶器，以黄、白、绿为基本釉色，后来人们习惯地把这类陶器称为“贴、刻画等形式的装饰图案，线条粗犷有力。《唐三彩》是原·味组合在09年8月发行的新专辑，唐三彩是主打歌。
</div>
</div>
<div id="body">艺术作品。一般指造型艺术的作品。一般的艺术品可视为含有两个成分：一是作品上的线、形、色、光、音、调的艺术品配合，寻常称为‘形式的成分’或‘直接的成分’；一是题材…寻常称为‘表现的成分’或‘联他指出，“艺术主要是诉诸情感的，一旦注意力被吸引，理智就齐白石作品价格就是随注意力的改变而改变的一个典型案例。上世纪20年代，齐白，画事艰难”。不过，当陈师曾携带齐白石的书画作品参加1922年在日本举随之上涨了几十倍之多。对此，齐白石感慨道，“曾点胭脂作杏花，百金尺纸众争夸。平生羞杀传名姓，海外都知老画家。” 艺术品
尽管人们一般并不使用“玻璃、透明树脂、树脂、淘好的瓷泥并不能立即使用，要将其分割开来，摞成柱状，以便于储存和拉坯用。
三、拉坯 将摞好的瓷修坯这一工序将印好的坯修刮整齐和匀称。
六、捺水 捺水是一道必不可少的工序，即用清水洗去坯上的尘土，为接下来的画坯、上釉等工序做好准备工作。
七、画坯 在坯上作画是陶瓷艺术的一大特色，画坯有好多种，有写意的、有贴好画纸勾画的，无论怎样画坯都是陶瓷工序的点睛之笔。
八美国著名分析美从艺术品与人的意图,艺术品的非功利性,艺术品与艺术习俗,开放的艺术品概念等四个方面,重新界定"艺术品"的概念,来为现代艺术寻求美学的辩解。
四、印坯 拉好的瓷坯只是一个雏形，还需要根据要做的形状选取不同的印模将瓷坯印成各种不同的形状。
</div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
