Html 如何将此a href放在div的底部
我有密码:Html 如何将此a href放在div的底部,html,css,Html,Css,我有密码: 照片 标题 描述 .ultime_盒 { 利润率:15px 27px 35px 20px; 颜色:#FFFFFF; 字体大小:13px; 高度:100px; 背景色:#CDCCC; } .ultime\u box\u照片 { 宽度:120px; 右边距:15px; 浮动:左; } .ultime_text { 浮动:左; 宽度:299px; } .ultime\u方框\u标题 { 颜色:#000000; 字体大小:粗体; 字体大小:12px; 文本转换:大写; 线高:12px; 填
照片
标题
描述
.ultime_盒
{
利润率:15px 27px 35px 20px;
颜色:#FFFFFF;
字体大小:13px;
高度:100px;
背景色:#CDCCC;
}
.ultime\u box\u照片
{
宽度:120px;
右边距:15px;
浮动:左;
}
.ultime_text
{
浮动:左;
宽度:299px;
}
.ultime\u方框\u标题
{
颜色:#000000;
字体大小:粗体;
字体大小:12px;
文本转换:大写;
线高:12px;
填充底部:13px;
}
.ultime\u方框\u说明
{
颜色:#FFFFFF;
字体大小:11px;
线高:13px;
填充底部:13px;
}
a、 ultime\u box\u vai:链接,a.ultime\u box\u vai:已访问
{
颜色:#000000;
字体大小:粗体;
字体大小:12px;
线高:12px;
文字装饰:无;
}
a、 最后一个盒子:悬停
{
文字装饰:下划线;
}
我想把链接放在容器div(ultime_框)的底部,而不在前面的div中使用高度
我如何才能做到这一点?以下是解决方案:
给出.ultime\u框
位置:相对
和链接的位置:绝对;底部:0
.ultime_box
{
margin:15px 27px 35px 20px;
color:#FFFFFF;
font-size:13px;
height:100px;
background-color:#cdcccc;
position: relative;
}
a.ultime_box_vai:link, a.ultime_box_vai:visited
{
color:#000000;
font-weight:bold;
font-size:12px;
line-height:12px;
text-decoration:none;
position: absolute;
bottom: 0;
}
以下是解决方案:
给出.ultime\u框
位置:相对
和链接的位置:绝对;底部:0
.ultime_box
{
margin:15px 27px 35px 20px;
color:#FFFFFF;
font-size:13px;
height:100px;
background-color:#cdcccc;
position: relative;
}
a.ultime_box_vai:link, a.ultime_box_vai:visited
{
color:#000000;
font-weight:bold;
font-size:12px;
line-height:12px;
text-decoration:none;
position: absolute;
bottom: 0;
}
这应该可以满足你的需要。基本上,这都取决于div的position属性
你应该把这件事告诉我
这应该可以满足你的需要。基本上,这都取决于div的position属性
你应该把它清理干净。你可以让你的底部链接有以下css:
a.bottomLink{
float:left;
width:100%;
}
由于容器div高度是动态的(基于内容),因此底部链接将位于底部。如果我理解,您希望将链接放置在ultime_框的底部,因此您的html应该如下所示:
<div class="ultime_box">
<div class="ultime_box_photo">
Photo
</div>
<div class="ultime_text">
<div class="ultime_box_title">
Title
</div>
<div class="ultime_box_description">
Description
</div>
<a href="#" class="ultime_box_vai">link</a>
</div>
<div class="clear"><!--- --></div>
<a href="#" class="bottomLink">bottom</a>
</div>
照片
标题
描述
您可以使底部链接具有以下css:
a.bottomLink{
float:left;
width:100%;
}
由于容器div高度是动态的(基于内容),因此底部链接将位于底部。如果我理解,您希望将链接放置在ultime_框的底部,因此您的html应该如下所示:
<div class="ultime_box">
<div class="ultime_box_photo">
Photo
</div>
<div class="ultime_text">
<div class="ultime_box_title">
Title
</div>
<div class="ultime_box_description">
Description
</div>
<a href="#" class="ultime_box_vai">link</a>
</div>
<div class="clear"><!--- --></div>
<a href="#" class="bottomLink">bottom</a>
</div>
照片
标题
描述
我不知道你的意思。是什么阻止您手动移动元素?我不确定您的意思。是什么阻止您手动移动图元?