水木社区手机版
- 主题:2个div怎么满屏？
- 没有啊……
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Untitled</title>
<style type="text/css">
* {margin:0;padding:0}
#d0 {background-color:red;}
#d1 {float:left; width:200px; background-color:cyan;}
#d2 {margin-left: 200px; background-color:yellow;}
#d3 {background-color:green;}
</style>
</head>
<body>
<div id="d0">xxx</div>
<div>
<div id="d1">xxx</div>
<div id="d2">xxx</div>
</div>
<div id="d3">xxx</div>
</body>
</html>
【 在 yesim (yesim) 的大作中提到: 】
: 两个div之间有空隙，右边div与上层div也有...
--
修改:NIGHTFIRE FROM 159.226.43.*
FROM 159.226.43.* - ms 多重div嵌套后出现，临时解决方案是用hack,ie6另设宽度，但右边div里套的div和左边div还是有个缝隙。ff没这个.
但ff之前右边div里嵌套的div跟顶部div有缝隙，后来把margin-top: -10px;~就好了，thx!
* html #content{ /*IE6 hack*/
margin-left: 172px;
margin-top: 0px;
}
【 在 NIGHTFIRE (昵称不告诉你们) 的大作中提到: 】
: 没有啊……
: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
: ...................
--
修改:yesim FROM 211.99.222.*
FROM 211.99.222.* - 我没做什么hack再右边套了3层也没看到你所说的缝隙……
(Fx3.5/Opera10b2/IE8/Chrome3)
【 在 yesim (yesim) 的大作中提到: 】
: ms 多重div嵌套后出现，临时解决方案是用hack,ie6另设宽度，但右边div里套的div和左边div还是有个缝隙。ff没这个.
: 但ff之前右边div里嵌套的div跟顶部div有缝隙，后来把margin-top: -10px;~就好了，thx!
: * html #content{ /*IE6 hack*/
: ...................
--
FROM 159.226.43.* - ie呢
【 在 NIGHTFIRE (昵称不告诉你们) 的大作中提到: 】
: 我没做什么hack再右边套了3层也没看到你所说的缝隙……
: (Fx3.5/Opera10b2/IE8/Chrome3)
--
FROM 211.99.222.* - then try dojo.. it has
【 在 chumsdock (微笑服务) 的大作中提到: 】
: yui没有満屏的吧好像？
--
FROM 222.130.135.240 - #left{
float: left;
width: 200px;
_margin-right: -3px;
}
#right{
overflow: hidden;
zoom: 1;
}
【 在 yesim (yesim) 的大作中提到: 】
: ie6,ie7,f下
: #left{
: float: left;
: ...................
--
修改:old9 FROM 218.104.71.*
FROM 218.104.71.* - 不行...
【 在 old9 (老九) 的大作中提到: 】
: #left{
: float: left;
: width: 200px;
: ...................
--
FROM 211.99.222.* - 我这ok，难道你要的不是这个效果？
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<style type="text/css" media="all">
#left{
float: left;
width: 200px;
_margin-right: -3px;
background: red;
}
#right{
overflow: hidden;
zoom: 1;
background: blue;
}
</style>
</head>
<body>
<div id="left">left</div>
<div id="right">right<br /><br /></div>
</body>
</html>
【 在 yesim (yesim) 的大作中提到: 】
: 不行...
--
FROM 218.104.71.* - ie6下还是有缝隙...
【 在 old9 (老九) 的大作中提到: 】
: 我这ok，难道你要的不是这个效果？
: <!DOCTYPE html>
: <html>
: ...................
--
修改:yesim FROM 211.99.222.*
FROM 211.99.222.* - 那估计你浏览器有问题了。。。cft
【 在 yesim (yesim) 的大作中提到: 】
: ie6下还是有缝隙...
--
FROM 218.104.71.*