首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

底部对齐的简单有关问题,抢分啦

2012-03-03 
底部对齐的简单问题,抢分啦divdivid id1 顶部对齐的内容 /divdivid id2 底部对齐的内容 /div

底部对齐的简单问题,抢分啦
<div>
    <div   id= 'id1 '> 顶部对齐的内容 </div>
    <div   id= 'id2 '> 底部对齐的内容 </div>
</div>
----------------------------------
代码和结构如上
麻烦各位给点   CSS   代码。
要求,   id1   靠顶部,id2   靠底部

[解决办法]
用table吧:
valign = top/bottom
[解决办法]
俺觉得没戏,

因为 Div 没有 valign 或类似属性,不能控制上下位置,div 只能控制左右位置。

只能用 table ,因为 td 上可以用 valign 。

<TABLE cellspacing= "0 " cellpadding= "0 " style= "height: 300px; width: 400px; border: 1px solid red; ">
<TR>
<TD style= "height: 50%; width: 400px; border: 1px solid green; vertical-align: top; "> 顶部对齐的内容 </TD>
</TR>
<TR>
<TD style= "height: 50%; width: 400px; border: 1px solid blue; vertical-align: bottom; "> 底部对齐的内容 </TD>
</TR>
</TABLE>
[解决办法]
我就是来抢分的,顺带问一句,信誉值 怎么涨上去的?
[解决办法]
line-height吧
[解决办法]
----------------html部分---------------
<html>
<head>
<title> </title>
<link rel= "stylesheet " href= "he.css " type= "text/css ">
</head>
<body>
<div id= "top "> 顶部对齐的文字 </div>
<div id= "bottom "> 底部对齐的文字 </div>
</body>
</html>

--------------css部分-----------------
#top
{
top:0;
left:0;
width:400px;
height:150px;
border:1px solid #ff0000;
}
#bottom
{
width:400px;
height:150px;
padding:150px 0 0 0;
border:1px solid #ff0000;
}

热点排行