Jquery 如何使包含一半文本和一半图像/照片库的扩展div正常工作？

我正在尝试创建一个“阅读更多”文本按钮，我成功地创建了它，但是当我尝试将它分成两部分->一半是文本，一半是图像/照片库时，我遇到了一些问题（它就像一篇新闻纸上的文章-左边是文本，右边是图像）。根据我的预期操作，我应该对此代码进行哪些更改？ ps：您可以看到主div的dimensoin没有很好地工作，在裁剪reed more之前，文本没有轮廓，我应该改变什么，这样才会有边界？ html

---

我知道所实现的javascript没有问题，但是html或css有一些问题，比如溢出或其他所谓的问题。

默认情况下，所有Div都将显示为块。一个比另一个低。要并排显示它们，请使用display:inline在相应Div的样式中，默认情况下，所有Div都将显示为块。一个比另一个低。要并排显示它们，请使用display:inline以您的风格为相应的div添加

溢出：自动
到
#aspect

#aspect {
    width:1000px;
    border: 1px solid #800000;
    background:#fff;
    box-shadow: 5px 5px 5px #494949;
    padding-left:10px; 
    overflow:auto
}

将
溢出：自动
添加到
#aspect

#aspect {
    width:1000px;
    border: 1px solid #800000;
    background:#fff;
    box-shadow: 5px 5px 5px #494949;
    padding-left:10px; 
    overflow:auto
}

要获取边框，请设置div的最小高度

在方面div使用-

最小高度：65px

和图像div-

最小高度：400px

并确保使用的图像的高度和宽度小于或等于div图像的大小，但不大于该大小。或者在HTML中使用

<div id="image"><img src="" height="200" width="400"></div>



希望能有帮助
 要获取边框，请设置div的最小高度

在方面div使用-

最小高度：65px

和图像div-

最小高度：400px

并确保使用的图像的高度和宽度小于或等于div图像的大小，但不大于该大小。或者在HTML中使用

<div id="image"><img src="" height="200" width="400"></div>



希望能有帮助
 我试过了，但它不起作用，它不显示我试过的图像div，但它不起作用，它不显示图像div