如何设置包含文本的div的大小,以便可以使用滚动条功能

布鲁斯·班迪

我的CSS出现问题。

我已附上2张图片。第一个显示div的高度设置为110px,与旁边的图像相比,可以看到该高度已正确设置,并且显示了滚动条。

现在,我想更改div的高度,以使其高度为100%(与图片水平),并且由于文本不合适,它将显示滚动条。相反,如您在第二个屏幕截图中所看到的,文本超出了图片的高度。

如何使div与图像高度相同,以便滚动条出现?

<section class="slideInRight">
    <div class="wrap">
        <img src="img/slide1.png" class="alignright size-75">
        <div class="alignleft size-20 scrollText">
            <p>In this course, we’re focussing on three main areas.</p>
            <p><strong>The Software Development Lifecycle</strong><br />
                This is essential in understanding how development teams work within IT. Questions around the software
                development life cycle will pop up in interviews so it’s essential to grasp the knowledge around this
                area.</p>
            <p><strong>IT Support and Testing</strong><br />
                These two areas are perfect to step into an IT career and progress further. They start off non-technical
                so anyone can make a start in it and then you can decide if you want to progress to a more technical
                role or branch out to different areas in IT.</p>
        </div>
    </div>
</section>

这是我的CSS:

.scrollText{
    font-size:medium;
    overflow: auto;
    height: 80%;
}

在此处输入图片说明

 ü

叶夫根尼·克莱皮林(Evgenii Klepilin)

我认为您应该看看其中一些解决方案,看看其中是否适合您的情况。

您应该尝试将height样式中的值更改为实际数字而不是百分比,然后查看这是否对展示效果有所影响。上面的解决方案具有确切的价值,height并且似乎可以这样工作。

这是专门处理div中图像的解决方案:

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Swing滚动条设置JList的大小?

来自分类Dev

CSS:如何获取定位的div以使用窗口水平调整大小,而不是获取滚动条

来自分类Dev

CSS:如何获取定位的div以使用窗口水平调整大小,而不是获取滚动条

来自分类Dev

如何处理SVG,以便可以使用Javascript调整其大小?

来自分类Dev

如何引用 CSS 文件,以便可以使用 PHP 中的包含找到它

来自分类Dev

如何设置文本框滚动条的样式以匹配网站的滚动条?

来自分类Dev

如何使用滚动条使div不大于页面大小的100%

来自分类Dev

如何在PDF中获得插入符号的位置,以便可以使用AutoHotKey突出显示文本?

来自分类Dev

如何设置MVC网站以使用与CRM Online相同的SSO,以便可以对其进行iframe?

来自分类Dev

如何在bashrc中设置别名,以便可以使用简单的alias命令找到系统IP?

来自分类Dev

如何增加Datagrid滚动条的大小?

来自分类Dev

如何设置双引导,以便可以使辅助操作系统休眠?

来自分类Dev

如何使用滚动条使列表适合父div

来自分类Dev

div溢出时如何自动使用滚动条

来自分类Dev

如何使用pdf.js确定pdf的大小,以便可以缩放到屏幕大小?

来自分类Dev

滚动条设置

来自分类Dev

如何设置AvalonEdit滚动条的样式

来自分类Dev

如何使用匕首2,以便可以使用共享首选项的抽象表示?

来自分类Dev

如何使用调试功能构建libwebsockets(即-g,以便可以使用gdb)?(我在libwebsockets函数ssl_ctrl()上遇到段错误)

来自分类Dev

如何绑定到DynamicResource,以便可以使用Converter或StringFormat等?(修订版4)

来自分类Dev

您如何维护页面状态,以便可以使用emberjs提供永久链接?

来自分类Dev

如何获得当前的x和y位置,以便可以使用GCRectMake?

来自分类Dev

如何使我的类可迭代,以便可以使用foreach语法?

来自分类Dev

如何从DefaultModelList创建列表,以便可以使用JAXB编组为XML?

来自分类Dev

如何强制使WebView父级变暗,以便可以使用WebSettingsCompat.FORCE_DARK_AUTO?

来自分类Dev

如何修复我的代码,以便可以使用componentDidMount中的数据(反应)

来自分类Dev

R问题:如何保存回归输出,以便可以使用mtable

来自分类Dev

如何维护页面状态,以便可以使用emberjs提供永久链接?

来自分类Dev

如何确定URLLoader打开的文件已关闭,以便可以使用FileStrewam在其上写入

Related 相关文章

  1. 1

    如何使用Swing滚动条设置JList的大小?

  2. 2

    CSS:如何获取定位的div以使用窗口水平调整大小,而不是获取滚动条

  3. 3

    CSS:如何获取定位的div以使用窗口水平调整大小,而不是获取滚动条

  4. 4

    如何处理SVG,以便可以使用Javascript调整其大小?

  5. 5

    如何引用 CSS 文件,以便可以使用 PHP 中的包含找到它

  6. 6

    如何设置文本框滚动条的样式以匹配网站的滚动条?

  7. 7

    如何使用滚动条使div不大于页面大小的100%

  8. 8

    如何在PDF中获得插入符号的位置,以便可以使用AutoHotKey突出显示文本?

  9. 9

    如何设置MVC网站以使用与CRM Online相同的SSO,以便可以对其进行iframe?

  10. 10

    如何在bashrc中设置别名,以便可以使用简单的alias命令找到系统IP?

  11. 11

    如何增加Datagrid滚动条的大小?

  12. 12

    如何设置双引导,以便可以使辅助操作系统休眠?

  13. 13

    如何使用滚动条使列表适合父div

  14. 14

    div溢出时如何自动使用滚动条

  15. 15

    如何使用pdf.js确定pdf的大小,以便可以缩放到屏幕大小?

  16. 16

    滚动条设置

  17. 17

    如何设置AvalonEdit滚动条的样式

  18. 18

    如何使用匕首2,以便可以使用共享首选项的抽象表示?

  19. 19

    如何使用调试功能构建libwebsockets(即-g,以便可以使用gdb)?(我在libwebsockets函数ssl_ctrl()上遇到段错误)

  20. 20

    如何绑定到DynamicResource,以便可以使用Converter或StringFormat等?(修订版4)

  21. 21

    您如何维护页面状态,以便可以使用emberjs提供永久链接?

  22. 22

    如何获得当前的x和y位置,以便可以使用GCRectMake?

  23. 23

    如何使我的类可迭代,以便可以使用foreach语法?

  24. 24

    如何从DefaultModelList创建列表,以便可以使用JAXB编组为XML?

  25. 25

    如何强制使WebView父级变暗,以便可以使用WebSettingsCompat.FORCE_DARK_AUTO?

  26. 26

    如何修复我的代码,以便可以使用componentDidMount中的数据(反应)

  27. 27

    R问题:如何保存回归输出,以便可以使用mtable

  28. 28

    如何维护页面状态,以便可以使用emberjs提供永久链接?

  29. 29

    如何确定URLLoader打开的文件已关闭,以便可以使用FileStrewam在其上写入

热门标签

归档