并列排列两个层代码(CSS+DIV)

代码转载之,分为两个层上下并列排列和两个层左右并列排列

一、两个层上下并列排列

<style type=”text/css”>

<!–

.area{ width:900px; margin-top:6px;}

.login { padding:3px 0 0 10px;}

.login_form { padding-bottom:3px;}

.b_1px { border:#d1d1d1 1px solid;}

li { list-style:none; }

//–>

</style>

<div class=”area b_1px”>

<div class=”login”>

 <li class=”lt” style=”padding-top:2px;”>A的内容</FONT>&nbsp;&nbsp;</li>

</div>

<div class=”login_form”>

<li >B的内容</li>

</div>

</div>

</div>

二、两个层左右并列

<style type=”text/css”>

<!–

.area{ width:900px; margin-top:6px;}

.login,.login_form { padding:3px 0 0 10px;float:left;}

.b_1px { border:#d1d1d1 1px solid;}

li { list-style:none; }

//–>

</style>

<div class=”area b_1px”>

<div class=”login”>

A的内容</div>

<div class=”login_form”>

B的内容</div>

</div>

</div>

相关内容推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注