div+css宽度百分比定义问题
两个浮在一排的DIV,左边一个div的宽度为固定宽度(例如:300PX),当左边div隐藏时候,右边div的宽度为100%(自动变为满屏).要同时IE6和火狐不错位...
两个浮在一排的DIV,左边一个div的宽度为固定宽度(例如:300PX),当左边div隐藏时候,右边div的宽度为100%(自动变为满屏).
要同时IE6和火狐不错位 展开
要同时IE6和火狐不错位 展开
5个回答
展开全部
这个也太简单了吧!分析:
假设左边div1的固定为300*300并且浮动在左边。右边的div2会自己上去与div1紧贴在一行,而这时其实div2默认就是100%的,只要你把左边的div1用display:none;隐藏起来,右边的div2就会自动填满全屏,示例代码如下(去掉display的注释再对比之前):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#div1 {
background-color: #97f;
height: 300px;
width: 300px;
float: left;
/*display:none;*/
}
#div2 {
background-color: #9cc;
}
</style>
</head>
<body>
<div id="div1">左边</div>
<div id="div2">右边</div>
</body>
</html>
注意:记得悬赏分给我哦!亲!
假设左边div1的固定为300*300并且浮动在左边。右边的div2会自己上去与div1紧贴在一行,而这时其实div2默认就是100%的,只要你把左边的div1用display:none;隐藏起来,右边的div2就会自动填满全屏,示例代码如下(去掉display的注释再对比之前):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#div1 {
background-color: #97f;
height: 300px;
width: 300px;
float: left;
/*display:none;*/
}
#div2 {
background-color: #9cc;
}
</style>
</head>
<body>
<div id="div1">左边</div>
<div id="div2">右边</div>
</body>
</html>
注意:记得悬赏分给我哦!亲!
追问
你这个我早就知道了,DIV2里面加其它框架样式的时候一样会跑到下面去
追答
那你到底是什么问题??问不清楚啊!
大雅新科技有限公司
2024-11-19 广告
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器,VGA延长器,VGA视频延长器,DVI KVM 切换器等,优质供应商,...
点击进入详情页
本回答由大雅新科技有限公司提供
展开全部
<div style="position:relative; width:80%; margin:0px auto;height:50px;background:url(kimg_02.gif) center no-repeat;">
</div>
图片作为背景
图片的大小要以宽屏为基准
</div>
图片作为背景
图片的大小要以宽屏为基准
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div id='left'>300px</div>
<div id='right'><div id='100'></div></div>
#left,#right {
float:left;
}
#100{
width:100%;
}
<div id='right'><div id='100'></div></div>
#left,#right {
float:left;
}
#100{
width:100%;
}
追问
有没有更好点的方法,你这个FF有浏览器有问题,clear:right,也不行,也是FF有问题
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个要js做吧 ,用css好像不行吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你想说明什么问题?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询