Question

我希望div和navbar的宽度一直延伸到正确的100％，但由于某种原因，它会在到达之前停止。我已添加了所见内容的屏幕截图

css

.section2{
        font-size: 2em;
        background-color: white;
        width: 100%;
        height: 100%;
        opacity: .75;
}

HTML

<section class="section2">
<div class="row" align="center">
    <div class="col-md-12">
        text
    </div>
    <div class="row" style="font-size:.75em" >
        <div class="col-md-12" >

        </div>
    </div>
</div>
<br><br>
<div class="row" align="center">
    <div class="col-md-12">
    text
    </div>
    <div class="row" style="font-size:.75em">
        <div class="col-md-12">text

 </div>
    </div>
</div>
<br><br>
<div class="row" align="center">
    <div class="col-md-12">
    text
    </div>
    <div class="row" style="font-size:.75em">
        <div class="col-md-12">Text

 </div>
    </div>
</div>
</section>

Answer 1

我发现解决方案正文和html应该设置为0边距和填充

html, body {



margin:0;

padding:0;



}

Answer 2

我认为您section2的父级不在屏幕的100％处。

为什么我的div或navbar不能一直伸展到右侧？

2 个答案: