0

我是 Sharepoint 的新手，所以我在一些基本的东西上遇到了困难。我已经将它发布到 SharePoint StackExchange，但我想我也会在这里试试运气。如果我做错了，请告诉我，我将从这里删除我的帖子！

我的最终目标是基本上做一些看起来像这样的东西。

您可以在此链接的第一张图片上看到我当前页面的外观。在该链接的第二张图片中，您可以看到布局在 Sharepoint 中的外观。如您所见，它只是一堆包含 html/css 的内容编辑器 Web 部件。我很抱歉把图片缩小了，但如果你看不到标题部分、左上部分、右部分、左中部分、中心部分和右中部分.

我需要对当前页面进行一些更改，以使其看起来像我想要的那样。

  • 我需要使段落扩大顶部段落的宽度（我希望标题部分的宽度一直到达右侧最后一个蓝色框的末尾）

  • 我无法修复网页的右侧部分。我需要在该部分的第一个蓝色框上使用很多，margin-top以便将其与其余框对齐。但是，正如您从链接的第三张图片中看到的那样，当我缩小时出现问题，这让我认为它在不同尺寸的屏幕上看起来不正确。

  • 最后，也是我遇到最大困难的部分，是将所有这些框的颜色更改为白色，然后将它们放入蓝色背景中。我试图让它看起来第一个链接，我有一个带有段落的标题，然后该段落下方的框都在蓝色背景内。考虑到它们都在不同的 Web 部件中，我不知道该怎么做，所以我真的不知道如何将它们全部放在一个容器中。

如果可以提供任何帮助，这就是盒子的代码，它基本上看起来像这样：

<!-- Large Box -->
<div class="largeBox"></div>

<!-- Small Boxes -->
<div class="box"></div>

<style>
    .largeBox {
        width: 800px;
        height: 250px;
        background: rgb(0, 122, 201);
    }

    .box {
        width: 250px;
        height: 250px;
        background: rgb(0, 122, 201);
    }
</style>

除了非常轻微margin-left并margin-right对齐一些框外，几乎就是这样。

再次抱歉，如果我要求太多，我对 Sharepoint 还很陌生，我需要一些时间来适应它。任何帮助将不胜感激。

4

0 回答 0