div内CSS宽度为100%

保罗·德·科宁

抱歉,我无法正确输入标题。我对我的CSS代码有疑问。我尝试将所有内容都放入JSfiddle中,但这很有效,对不起。

我不知道如何才能使div'infoMovie'扩展到div'displayMovie'的结尾。

HTML:

<div class="content">
            <div class="displayMovie">
                <div class='imageCover'>
                    <img src='Endgame-movie-cover.jpg' width="100">
                </div>
                <div class='infoMovie'>
                    <div class='imageTitle' >
                        End game
                    </div>
                    <br>
                    <div class='imageDesc'>movie about everything in life lollllllllllllllllllllllllllllllllll
                    </div>
                </div>
            </div>
        </div>

和CSS:

.displayMovie {
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid black;
    }

.imageCover {
    border-right: 1px solid black;
    padding: 10;
    float: left;
}

.imageDesc {
    border-top: 1px solid black;
    word-break: break-all;
}

.imageTitle {
    font-weight: bold;
    font-size: 18pt;
    margin: 5 10 5 10;
    display: inline-table;
}

.infoMovie {
    display: inline-block;
}

所以基本上我想将infoMovie扩展到其余的displayMovie的100%。

网页外观的图像: 我要更改“这是一部包含大量动作的电影”,直到页面末尾

我要更改“这是一部包含大量动作的电影”,直到页面末尾

鲁宁
.infoMovie {
display: inline-block;
}

表示的.infoMovie div宽度将不超过其包含的内容。

您可以删除此样式声明。

您想要.infoMovie展现div元素的正常块级行为

作为块级元素(<div>),它自然会扩展到其父级的宽度。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Bootstrap的容器内创建100%屏幕宽度div?

来自分类Dev

宽度为100%的<div>实际上比页面宽

来自分类Dev

在100%宽度内居中的DIV会创建填充吗?-HTML / CSS

来自分类Dev

使div为浏览器窗口的100%宽度

来自分类Dev

将宽度100%设置为div在两个固定宽度div的中间,都在另一个100%宽度div内

来自分类Dev

如果父级的div也为100%的宽度/高度,如何给孩子div的宽度/高度为100%

来自分类Dev

div,宽度为100%(包括边距)

来自分类Dev

将Div动画为100%宽度的CSS

来自分类Dev

div内宽度为100%的按钮

来自分类Dev

输入类型的宽度为100%,并且位于父div内

来自分类Dev

在宽度为100%的父级中对子div进行TranslateX

来自分类Dev

div内宽度为100%的输入与div重叠

来自分类Dev

CSS宽度上为100%的高度

来自分类Dev

CSS:如何创建宽度为100%的<li>

来自分类Dev

CSS-将Div宽度设置为100%,并调整尺寸以保持长宽比

来自分类Dev

将div显示为没有100%宽度的居中块

来自分类Dev

使输入框在fieldset元素内为100%均匀宽度

来自分类Dev

使用CSS将div宽度设置为与内容相同的宽度

来自分类Dev

浮动后将浮动Div宽度调整为100%

来自分类Dev

父级的两个或多个div宽度为100%

来自分类Dev

CSS难题:在流体宽度div中使select2框的宽度为100%?

来自分类Dev

在高度和宽度为100%的div内以%设置div的高度

来自分类Dev

CSS滚动宽度为100%?

来自分类Dev

输入类型的宽度为100%,并且位于父div内

来自分类Dev

CSS:将float div的宽度缩放100%,直到最小宽度的2个div可以适应宽度

来自分类Dev

在Div内居中Div,宽度为自动

来自分类Dev

使 div 背景在 CSS 中小于 100% 宽度?

来自分类Dev

将 <div> 居中,宽度为 100%?

来自分类Dev

CSS | 宽度为 100% 的溢出子元素

Related 相关文章

  1. 1

    如何在Bootstrap的容器内创建100%屏幕宽度div?

  2. 2

    宽度为100%的<div>实际上比页面宽

  3. 3

    在100%宽度内居中的DIV会创建填充吗?-HTML / CSS

  4. 4

    使div为浏览器窗口的100%宽度

  5. 5

    将宽度100%设置为div在两个固定宽度div的中间,都在另一个100%宽度div内

  6. 6

    如果父级的div也为100%的宽度/高度,如何给孩子div的宽度/高度为100%

  7. 7

    div,宽度为100%(包括边距)

  8. 8

    将Div动画为100%宽度的CSS

  9. 9

    div内宽度为100%的按钮

  10. 10

    输入类型的宽度为100%,并且位于父div内

  11. 11

    在宽度为100%的父级中对子div进行TranslateX

  12. 12

    div内宽度为100%的输入与div重叠

  13. 13

    CSS宽度上为100%的高度

  14. 14

    CSS:如何创建宽度为100%的<li>

  15. 15

    CSS-将Div宽度设置为100%,并调整尺寸以保持长宽比

  16. 16

    将div显示为没有100%宽度的居中块

  17. 17

    使输入框在fieldset元素内为100%均匀宽度

  18. 18

    使用CSS将div宽度设置为与内容相同的宽度

  19. 19

    浮动后将浮动Div宽度调整为100%

  20. 20

    父级的两个或多个div宽度为100%

  21. 21

    CSS难题:在流体宽度div中使select2框的宽度为100%?

  22. 22

    在高度和宽度为100%的div内以%设置div的高度

  23. 23

    CSS滚动宽度为100%?

  24. 24

    输入类型的宽度为100%,并且位于父div内

  25. 25

    CSS:将float div的宽度缩放100%,直到最小宽度的2个div可以适应宽度

  26. 26

    在Div内居中Div,宽度为自动

  27. 27

    使 div 背景在 CSS 中小于 100% 宽度?

  28. 28

    将 <div> 居中,宽度为 100%?

  29. 29

    CSS | 宽度为 100% 的溢出子元素

热门标签

归档