Html 对齐<；h3></h3>；与我的形象问题的底部

我正试图将我的“阅读更多”与图片的底线对齐，我希望“阅读更多”始终正确定位，并与左侧图片的底线对齐，这样即使我有一篇文章只有几行或多行，我也希望我的阅读更多始终与图片行位置在同一行。 但是我并没有让Suces按照我想要的方式来工作，我的职位总是根据职位的大小而有所不同。 我的小提琴我有： 我想做的是：

我的html：

<section id="body-container">
            <div id="body"> 
                <div id="body-content">  
                <h1>last Posts</h1>

                <article id="loop-body">
                    <img src="logo.png" />
                    <a href="#">Title 2</a>
                    <p>Post 1</p>
                   <h3 style="float:right;"> Read more> </h3>
                </article>

                <hr/>

                  <article id="loop-body">
                    <img src="logo.png" />
                    <a href="#">Title 2</a>
                    <p>Post 2 with many lines post 2 with many lines post 2 with many lines</p>
                    <h3 style="float:right;"> Read more > </h3>
                </article>
                </div>
            </div>
</section>

我就是这样做的：

#loop-body{
    position: relative
    width: ...px
    ...
}

#loop-body h3{
    position:absolute;
    bottom: 0;
    right: 0;
    ...
}

我就是这样做的：

#loop-body{
    position: relative
    width: ...px
    ...
}

#loop-body h3{
    position:absolute;
    bottom: 0;
    right: 0;
    ...
}

我就是这样做的：

#loop-body{
    position: relative
    width: ...px
    ...
}

#loop-body h3{
    position:absolute;
    bottom: 0;
    right: 0;
    ...
}

我就是这样做的：

#loop-body{
    position: relative
    width: ...px
    ...
}

#loop-body h3{
    position:absolute;
    bottom: 0;
    right: 0;
    ...
}

刚刚做完

您需要更改HTMls结构和一些CSS调整

HTML:

这里

请注意，我没有触及最后一个，供您参考。 忽略长图片链接，只需从谷歌获得简单的链接

刚刚做完

您需要更改HTMls结构和一些CSS调整

HTML:

这里

请注意，我没有触及最后一个，供您参考。 忽略长图片链接，只需从谷歌获得简单的链接

刚刚做完

您需要更改HTMls结构和一些CSS调整

HTML:

这里

请注意，我没有触及最后一个，供您参考。 忽略长图片链接，只需从谷歌获得简单的链接

刚刚做完

您需要更改HTMls结构和一些CSS调整

HTML:

这里

请注意，我没有触及最后一个，供您参考。

---

忽略长图片链接，只需从谷歌获得简单的链接

我已经解决了您的问题，请访问

---

我已经解决了你的问题，请访问

---

我已经解决了你的问题，请访问

---

我已经解决了你的问题，请访问

---

---

这可能吗？因为如果我举个例子#loop body h3{marin top:15px；}，如果我有很多或很少的文本，这是不同的。顺便说一句，我不会在这里使用

h3

或任何

hx

标记。这不是标题

hx

标签应用于为记录hireachy提供一些含义。使用一个类使用<代码> div 或<代码> Studio。我也会考虑不使用<代码> HR > <代码>。它不是有意义的标记。尝试将文章的底部边框设置为Style。谢谢你的提示，我还是个新手这些提示对我很重要：）这可能吗？因为如果我举个例子#loop body h3{marin top:15px；}，如果我有很多或很少的文本，这是不同的。顺便说一句，我不会在这里使用

h3

或任何

hx

标记。这不是标题

hx

标签应用于为记录hireachy提供一些含义。使用一个类使用<代码> div 或<代码> Studio。我也会考虑不使用<代码> HR > <代码>。它不是有意义的标记。尝试将文章的底部边框设置为Style。谢谢你的提示，我还是个新手这些提示对我很重要：）这可能吗？因为如果我举个例子#loop body h3{marin top:15px；}，如果我有很多或很少的文本，这是不同的。顺便说一句，我不会在这里使用

h3

或任何

hx

标记。这不是标题

hx

标签应用于为记录hireachy提供一些含义。使用一个类使用<代码> div 或<代码> Studio。我也会考虑不使用<代码> HR > <代码>。它不是有意义的标记。尝试将文章的底部边框设置为Style。谢谢你的提示，我还是个新手这些提示对我很重要：）这可能吗？因为如果我举个例子#loop body h3{marin top:15px；}，如果我有很多或很少的文本，这是不同的。顺便说一句，我不会在这里使用

h3

或任何

hx

标记。这不是标题

hx

标签应用于为记录hireachy提供一些含义。使用一个类使用<代码> div 或<代码> Studio。我也会考虑不使用<代码> HR > <代码>。它不是有意义的标记。试着把文章的底边打上。谢谢你的提示，我还是个新手这些提示对我来说很重要：）不要只是给他答案。解释为什么他的答案不起作用，为什么你的答案起作用。当你只是给他们一个答案时，没有人能学会。不要只是给他答案。解释为什么他的答案不起作用，为什么你的答案起作用。当你只是给他们一个答案时，没有人能学会。不要只是给他答案。解释为什么他的答案不起作用，为什么你的答案起作用。当你只是给他们一个答案时，没有人能学会。不要只是给他答案。解释为什么他的答案不起作用，为什么你的答案起作用。当你只是给他们一个答案时，没有人能学会。不要只是给他答案。解释为什么他的答案不起作用，为什么你的答案起作用。当你只是给他们一个答案时，没有人会知道。谢谢你，但是是的，我不知道位置的含义：相对的和绝对的，但是现在我来到这个链接，我明白了。感谢您伟大而简单的解决方案！不要只是给他答案。解释为什么他的答案不起作用，为什么你的答案起作用。当你只是给他们一个答案时，没有人会知道。谢谢你，但是是的，我不知道位置的含义：相对的和绝对的，但是现在我来到这个链接，我明白了。感谢您伟大而简单的解决方案！不要只是给他答案。解释为什么他的答案不起作用，为什么你的答案起作用。当你只是给他们一个答案时，没有人会知道。谢谢你，但是是的，我不知道位置的含义：相对的和绝对的，但是现在我来到这个链接，我明白了。感谢您伟大而简单的解决方案！不要只是给他答案。解释为什么他的答案不起作用，为什么你的答案起作用。当你给他们一个答案时，没有人会知道。谢谢你，但是是的，我不知道位置的含义：相对的和绝对的，但是现在我来到这个链接，我

#loop-body h3{font-family:'bariol_boldbold'; font-size:14px; right:0; bottom:-15px; position:absolute;}