当前位置:编程学习 > html/css >>

div+css宽度百分比定义问题

两个浮在一排的DIV,左边一个div的宽度为固定宽度(例如:300PX),当左边div隐藏时候,右边div的宽度为100%(自动变为满屏).
追问:有没有更好点的方法,你这个FF有浏览器有问题,clear:right,也不行,也是FF有问题你这个我早就知道了,DIV2里面加其它框架样式的时候一样会跑到下面去
答案:<div id='left'>300px</div>
<div id='right'><div id='100'></div></div>
#left,#right {
float:left;
}
#100{
width:100%;
}
其他:你想说明什么问题? 这个要js做吧 ,用css好像不行吧。 这个也太简单了吧!分析:
假设左边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>
注意:记得悬赏分给我哦!亲! <div style="position:relative; width:80%; margin:0px auto;height:50px;background:url(kimg_02.gif) center no-repeat;">
</div>

图片作为背景
图片的大小要以宽屏为基准
 

上一个:3个DIV标签怎么,并排,等高,如图
下一个:有一个div如何当网页滚到顶部与这个div的距离为0的时候,这时候这个div固定不动!急!急!急!

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,