PyQt5布局边界定义异常：滚动区域内容过多覆盖顶部菜单栏求助

问题根因 #

• 布局结构错误：你将自定义顶部栏、流程列表、底部栏全部放在了滚动区域的内部部件中，滚动时整体内容同步上移
• 控件尺寸冲突：顶部栏top_bar设置的最大高度为50px，但内部的button_newP按钮设置了100px的固定高度，按钮溢出父容器向上偏移，直接遮挡了菜单栏
• 滚动范围逻辑错误：未限制仅中间流程区域可滚动，固定的顶部、底部栏不应放入滚动区域内部

修复方案 #

第一步：调整布局结构 #

调整为三层固定结构：顶部自定义栏固定、中间流程区域放入滚动区域、底部栏固定，只有中间区域可滚动，修改setupUi方法的结构如下：

def setupUi(self, MainWindow):
    MainWindow.setObjectName("MainWindow")
    MainWindow.resize(500, 700)
    MainWindow.setMinimumSize(QtCore.QSize(500, 700))
    font = QtGui.QFont()
    font.setFamily("Segoe UI")
    font.setPointSize(10)
    MainWindow.setFont(font)
    MainWindow.setStyleSheet("color: rgb(200, 200, 200);\n"
"background-color: rgb(10, 10, 10);")

    # 主窗口中心部件改为普通QWidget，承载全局垂直布局
    self.centralwidget = QtWidgets.QWidget(MainWindow)
    self.centralwidget.setObjectName("centralwidget")
    self.main_layout = QtWidgets.QVBoxLayout(self.centralwidget)
    self.main_layout.setContentsMargins(0, 0, 0, 0)
    self.main_layout.setSpacing(0)

    # 自定义顶部栏固定，放在全局布局最上层，不放入滚动区域
    self.top_bar = QtWidgets.QFrame(self.centralwidget)
    self.top_bar.setFixedHeight(50) # 固定高度避免被撑开
    self.top_bar.setStyleSheet("background-color: rgb(43, 84, 126);")
    self.top_bar.setFrameShape(QtWidgets.QFrame.NoFrame)
    self.top_bar.setFrameShadow(QtWidgets.QFrame.Raised)
    self.top_bar.setObjectName("top_bar")
    self.main_layout.addWidget(self.top_bar)

    # 顶部栏按钮修改高度，适配顶部栏高度
    self.refresh_button = QtWidgets.QPushButton(self.top_bar)
    self.refresh_button.move(300, 10)
    self.refresh_button.clicked.connect(self.refresh)
    self.refresh_button.clicked.connect(lambda: MainWindow.close())

    self.button_newP = QtWidgets.QPushButton(self.top_bar)
    self.button_newP.setFixedSize(100, 30) # 修改尺寸避免溢出父容器
    self.button_newP.setIconSize(QtCore.QSize(100, 25))
    self.button_newP.setStyleSheet("QPushButton {\n"
                                   "    background-position: center;    \n"
                                   "    background-color: rgb(60, 60, 60);\n"
                                   "}\n"
                                   "QPushButton:hover {\n"
                                   "    background-color: rgb(50, 50, 50);    \n"
                                   "    color: rgb(200, 200, 200);\n"
                                   "}\n"
                                   "QPushButton:pressed {\n"
                                   "    background-color: rgb(35, 35, 35);    \n"
                                   "    color: rgb(200, 200, 200);\n"
                                   "}")
    self.button_newP.clicked.connect(self.createProcess)
    self.button_newP.move(10, 10) # 定位避免和刷新按钮重叠

    # 中间滚动区域仅放流程列表
    self.scroll = QtWidgets.QScrollArea()
    self.scroll.setVerticalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOn)
    self.scroll.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff)
    self.scroll.setWidgetResizable(True)
    self.scroll.setStyleSheet("QScrollBar {\n"
                              "    background-color: rgb(43, 84, 126);\n"
                              "}")
    # 滚动区域的内部部件承载流程标签
    self.scroll_content = QtWidgets.QWidget()
    self.scroll.setWidget(self.scroll_content)
    self.verticalLayout = QtWidgets.QVBoxLayout(self.scroll_content)
    self.verticalLayout.setContentsMargins(0, 0, 0, 0)
    self.verticalLayout.setSpacing(0)
    self.main_layout.addWidget(self.scroll)

    ### 流程区域 ###
    self.addProcessLabel()
    ### 流程区域 ###

    # 底部栏固定，放在全局布局最下层，不放入滚动区域
    self.bottom = QtWidgets.QFrame(self.centralwidget)
    self.bottom.setFixedHeight(35)
    self.bottom.setStyleSheet("background-color: rgb(15, 15, 15)")
    self.bottom.setFrameShape(QtWidgets.QFrame.NoFrame)
    self.bottom.setFrameShadow(QtWidgets.QFrame.Raised)
    self.bottom.setObjectName("bottom")
    self.verticalLayout_2 = QtWidgets.QVBoxLayout(self.bottom)
    self.verticalLayout_2.setObjectName("verticalLayout_2")
    self.label_credits = QtWidgets.QLabel(self.bottom)
    font = QtGui.QFont()
    font.setFamily("Segoe UI")
    self.label_credits.setFont(font)
    self.label_credits.setStyleSheet("color: rgb(75, 75, 75);")
    self.label_credits.setAlignment(QtCore.Qt.AlignRight|QtCore.Qt.AlignTrailing|QtCore.Qt.AlignVCenter)
    self.label_credits.setObjectName("label_credits")
    self.verticalLayout_2.addWidget(self.label_credits)
    self.main_layout.addWidget(self.bottom)

    # 主窗口绑定中心部件
    MainWindow.setCentralWidget(self.centralwidget)
    self.menubar = QtWidgets.QMenuBar(MainWindow)
    self.menubar.setGeometry(QtCore.QRect(0, 0, 928, 21))
    self.menubar.setObjectName("menubar")
    MainWindow.setMenuBar(self.menubar)

    QtCore.QMetaObject.connectSlotsByName(MainWindow)
    self.retranslateUi(MainWindow)

第二步：保留原有逻辑 #

原有addProcessLabel方法无需修改，该方法绑定的self.verticalLayout已经是滚动区域内部的布局，新增的标签都会在滚动区域内正常显示，不会溢出到顶部区域。

内容的提问来源于stack exchange，提问作者Gabriel