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

发布网友发布时间：2022-05-12 20:45

共5个回答

热心网友时间：2022-05-12 22:14

这个也太简单了吧！分析：
假设左边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里面加其它框架样式的时候一样会跑到下面去

追答那你到底是什么问题？？问不清楚啊！

热心网友时间：2022-05-12 23:32

<div style="position:relative; width:80%; margin:0px auto;height:50px;background:url(kimg_02.gif) center no-repeat;">
</div>

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

热心网友时间：2022-05-13 01:07

<div id='left'>300px</div>
<div id='right'><div id='100'></div></div>
#left,#right {
float:left;
}
#100{
width:100%;
}追问有没有更好点的方法，你这个FF有浏览器有问题，clear:right,也不行，也是FF有问题

热心网友时间：2022-05-13 02:58

这个要js做吧，用css好像不行吧。

热心网友时间：2022-05-13 05:06

你想说明什么问题？