<!--页头文件--> <div style="border: black 1px solid;width: 1200px;height: 80px">会议控制中心</div> <!--功能列表--> <div style="border: black 1px solid;width: 300px;height: 900px;display: inline-block"> <p>功能1</p> <p>功能1</p> <p>功能1</p> <p>功能1</p> </div> <!--功能显示框--> <div style="border: black 1px solid;width: 800px;height: 900px;display: inline-block;">第三部分</div>为什么后两个div框不能显示在同一行内

后两个div框不能显示在同一行内的原因是因为它们的总宽度已经超过了父容器的宽度，导致第二个div被强制换行，无法与第一个div在同一行显示。第一个div的宽度是1200px，第二个div的宽度是300px，第三个div的宽度是800px，它们的总宽度为1200px+300px+800px=2300px，超过了父容器的宽度，所以第二个div被强制换行。要想让它们在同一行显示，可以减小它们的宽度，或者给它们的父容器增加足够的宽度，使它们的总宽度不超过父容器的宽度。