div嵌套一个div，设置css，使得内部div紧贴外部div边框怎么写css

understandok 2010-09-25 04:49:30

#login #loginInfo
loginInfo为内div的id
login为外div的id

...全文

1266 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

lan0816 2010-09-30

打赏
举报

问题解决了，CSS制作者还是来顶一下

wrnmm007 2010-09-29

打赏
举报

外部div panding:0
内部div margin:0

guanyu_wl 2010-09-27

打赏
举报

汗
给里面那个div的css加一个浮动
float:right

走在风中 2010-09-27

打赏
举报

设置右对齐，并设置margin和padding。

a1585354399 2010-09-26

打赏
举报

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>mydiv</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">

</script>
<style type="text/css">
.login
{width:200px;height:300px;border:solid 1px black;}
.login .loginInfo
{width:100%;height:100%;background-color:red;}
</style>
</head>
<body>
<div id="login">
<div id="loginInfo"></div>
</div>

</body>
</html>

momozzzzz 2010-09-26

打赏
举报

我擦了，为啥我的代码没颜色？

momozzzzz 2010-09-26

打赏
举报

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

.div1 { width:300px; height:300px; position:relative; background-color:#000; }

.div2 { width:150px; height:150px; position:absolute; right:0; background-color:#FF1890; }

</style>

</head>



<body>

<div class="div1">

    <div class="div2"></div>

</div>

</body>

</html>

实现的方法有很多，可以设置浮动也可以position

bakdfkuk 2010-09-26

打赏
举报

[Quote=引用 6 楼 zhh_bj 的回复:]

HTML code
<!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>
<m……
[/Quote]

顶起

JeroJava 2010-09-25

打赏
举报

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>text</title>

<style type="text/css">

#login{

	width:200px;

	height:100px;

	background:#000000;

}

#loginInfo{

	width:100px;

	height:50px;

	background:#FFFFFF;

	float:right;

}

</style>

</head>



<body style="background:#FF0000">

<div id="login">

<div id="loginInfo"></div>

</div>

</body>

</html>

yyangsy 2010-09-25

打赏
举报

这个是右对齐。



<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title></title>

        

<style type="text/css">

#login{

	width:300px;

	height:300px;

	border:none;

	background-color:#03F;

}

#loginInfo{

	width:200px;

	height:200px;

	background-color:#FF0;

	float:right;

}

</style>

</head>



<body>



<div id="login">

	<div id="loginInfo"></div>

</div>

    

</body>

</html>

yyangsy 2010-09-25

打赏
举报

这样？



<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title></title>

        

<style type="text/css">

#login{

	width:300px;

	height:300px;

	border:none;

	background-color:#03F;

}

#loginInfo{

	width:200px;

	height:200px;

	background-color:#FF0;

	float:left;

}

</style>

</head>



<body>



<div id="login">

	<div id="loginInfo"></div>

</div>

    

</body>

</html>

understandok 2010-09-25

打赏
举报

两个div都有固定的大小，外大内小，我的要求是内部div外部div内右对齐并且边界紧贴外部div边界

wz_307 2010-09-25

打赏
举报

用100%就可以了嘛..



<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

		<title>mydiv</title>

		<script type="text/javascript" src="jquery/jquery.js"></script>

		<script type="text/javascript">



		</script>

		<style type="text/css">

			#login

				{width:200px;height:300px;border:solid 1px black;}

			#login #loginInfo

				{width:100%;height:100%;background-color:red;}

		</style>

	</head>

	<body>

		<div id="login">

			<div id="loginInfo"></div>

		</div>

	

	</body>

</html>