时间戳

首页 > 解决方案 > 为什么元素不在 div 中显示，尽管它在 div 中？

html - 为什么元素不在 div 中显示，尽管它在 div 中？

问题描述

由于图像和选择菜单在一个 div 中，唯一的第一张图像正确显示，选择菜单显示在外面，为什么会发生这种情况？

<body>
<div style="height: 1080px; width: 100%;">
    <div style="width: 290px; height: 100%; background-color: brown;">
        <img class="profileimg" src="profileimg.jpg" alt="ProfileImg">
        <select class="name_dropdown">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
        </select>
    </div>
</div>
<!--Bootstrap JS src-->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384- 
KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" 
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" 
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384- 
JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>

标签： htmlcssbootstrap-4

解决方案

尝试将style="width:100; height: auto;"其用作图像的样式，因为尺寸可能会导致问题。

推荐阅读