Question

任何人都可以解释一下为什么div地图在col里面没有得到css的应用？刚开始使用bootstrap，无法从搜索中找到任何内容

   <style>
        #map {
            width: 25%;
            height: 25%;
            background-color: blue;
        }
    </style>

</head>
<body>

    <container-fluid>
        <div class="row">
            <div class="col-md-6">
                <div id="map">

                </div>
            </div>
            <div class="col-md-3">10</div>
            <div class="col-md-3">15</div>
        </div>
    </container-fluid>

</body>

Answer 1

除非父级具有已定义的高度，否则您无法指定高度的百分比。

25％的宽度很好，但是您必须提供固定的高度 - 将其更改为200px并且您将看到蓝色区域：

https://jsfiddle.net/97347rnn/

编辑：我还必须将列defs更改为xs而不是md以显示在小jsfiddle窗口中，您不必这样做。我必须将<container-fluid>更改为<div class="container-fluid">才能使其正常工作。

div里面没有得到css属性？

1 个答案: