Html 在某些屏幕下，矩形div离开屏幕：

我有一些矩形div，可以在大屏幕和笔记本电脑上正常工作，但在笔记本电脑上会离开屏幕（比如如果宽度大于100%），这就是它在大屏幕上的外观：

但在笔记本电脑上看起来是这样的：

这是密码

CSS:

HTML:

你能试试下面的代码吗


.table{
边框：1px纯黑；
框大小：边框框；
}
#形象{
边框：1px纯黑；
浮动：对；
边缘顶部：25px；
右边距：5px；
宽度：500px；
高度：20px；
}
h4{
字号：21px；
颜色：#FF9600；
顶部：0px；
边距：0！重要；
}
p{
字体大小：12px；
填充顶部：4px！重要；
左侧填充：2px！重要；
}

你好
你好
你好

你好

您可能对某些元素使用了显式宽度您是否仅应用了您提到的CSS或其他内容？@Kanudo仅应用了该CSS。不幸的是，相同的：（亲爱的，那么父容器有问题了……请检查此容器所在的父容器的宽度。我无法链接所有内容，因为我使用的是K-Admin引导主题。我没有主意了。
.table{
 border: 1px solid black ;
}

#image{
 float:right;
 margin-top:25px;
 margin-right:5px;
}

<div class="table">

<?php $arrivename = OperationsData::getAirportInfo($route->arricao);?>



<div id="image">
    <?php echo '<img src="'.fileurl('/airlines/'.$route->code.'.png').'" alt="'.$airline->name.'" />'; ?>
</div>

    <h4 style="font-size:21px;color:#FF9600;top:0px;margin: 0 !important;"><?php echo $route->code . $route->flightnum?></h4>
    <p style="font-size:12px;padding-top: 4px !important;padding-left:2px !important;"><?php echo $route->depicao ;?> -> <?php echo $route->arricao;?> (<?php echo $arrivename->name;?>)</p>

    <p style="font-size:12px;padding-top: 4px !important;padding-left:2px !important;"><?php echo $route->aircraft ;?></p>

        <a href="<?php echo url('/schedules/brief/'.$route->id);?>"><input id="generate" type="button" value="Generate Briefing"></a>
        <br>



</div>