.net ScrollViewer左侧和右侧的WPF按钮

我使用的是一个ScrollViewer，它位于一个网格控件内，它的对齐方式是从中心到屏幕。ScrollViewer中有一个web浏览器控件，其高度和宽度根据网页大小而变化。如果高度太大，将出现scrollviewer滚动条 粗略的xaml是这样的

<Grid>
 <ScrollViewer HAlign="Center" RAlign="Center">
   <Browser/>
 </ScrollViewer/>
</Grid>

现在我需要一个按钮，其位置始终位于scrollviewer的左侧，另一个按钮始终位于scrollviewer的右侧，并垂直居中于屏幕

如果我把按钮放在scrollviewer中，如果浏览器的高度太长，按钮也会下降。 示例布局可以是这样的

---

以下是我如何使用

DockPanel

实现同样的功能

<Grid>
    <DockPanel LastChildFill="True" HorizontalAlignment="Center" VerticalAlignment="Center" MaxWidth="500">
        <Button Content="Prev page" DockPanel.Dock="Left"/>
        <Button Content="Next page" DockPanel.Dock="Right"/>
        <ScrollViewer>
            <WebBrowser Source="http://www.google.com"/>
        </ScrollViewer>
    </DockPanel>
</Grid>

---

上面的示例将网格划分为3列，宽度比例为1:4:1。因此，这将允许使用定义的比例分配可用空间。此外，我已将浏览器列的最大宽度设置为500 px，这将在达到定义的宽度后启用按钮拉伸。

是否尝试使用dockpanel？如何确保左侧和右侧的按钮占用浏览器控件左侧和右侧的所有可用空间。在上面的示例中，MaxWidth设置为500 px。但是，如果它的值没有设置，那么我如何才能使按钮拉伸呢

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="1*" />
        <ColumnDefinition Width="4*"
                          MaxWidth="500" />
        <ColumnDefinition Width="1*" />
    </Grid.ColumnDefinitions>
    <Button Content="Prev page"
            DockPanel.Dock="Left" />
    <ScrollViewer Grid.Column="1">
        <WebBrowser Source="http://www.google.com" />
    </ScrollViewer>
    <Button Content="Next page"
            DockPanel.Dock="Right"
            Grid.Column="2" />
</Grid>