SharePoint Online中不能展开Web部件区域宽度

我有一个SharePoint Online中（2013年）的网站，在默认情况下有3个网络的一部分区域的博客子网站：BlogNavigator，左，右（左下令右）。SharePoint Online中不能展开Web部件区域宽度

的区域布局是令人沮丧的，因为左区，里面有该网站的实际内容，是相对狭窄的考虑可用空间量到右侧区域的右侧。

当我将所有Web部件从右侧区域移动到BlogNavigator时，左侧区域保持其大小，即使有向右扩展的空间。

我试过在SP Designer的页面文件中手动声明左边区域ContainerWidth，我曾尝试在页面上应用CSS file来设置宽度，但似乎没有任何效果。

我甚至删除了页面文件右侧区域的所有引用，完全删除它，但左侧区域仍然保持其原始宽度。

有一些方法我可以改变这个区域？

来源

2017-03-14 Simon.626

开箱即用的SharePoint页面布局使用特殊的网格框架来布置不同的Web部件区域。

这个框架，这是在布局中的CSS定义的，使用display: table和display: table-cell在水平布局以定位区。

表的布局通常会导致奇数大小的问题类似，您如何描述。

在我最近工作过的一个项目中，我需要修复表格布局使其更加严格，以免出现大小问题。我工作的网站是发布网站，所以我不知道，如果上课时间在你的博客一样，但这里是我用来调整电网框架的CSS。

#DeltaPlaceHolderMain .ms-table { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    margin-left: -15px; 
    margin-right: -15px; 
    width: auto; } 
    #DeltaPlaceHolderMain .ms-table > div[class*="tableCol"] { 
    -webkit-box-flex: 1; 
    -ms-flex: 1 0 auto; 
    flex: 1 0 auto; 
    padding-left: 15px; 
    padding-right: 15px; 
    box-sizing: border-box; } 

#DeltaPlaceHolderMain .tableCol-75, 
#DeltaPlaceHolderMain .tableCol-33, 
#DeltaPlaceHolderMain .tableCol-25, 
#DeltaPlaceHolderMain .tableCol-50 { 
    width: 100%; 
    display: block; 
    min-width: 0; } 

#contentBox { 
    padding-left: 15px; 
    padding-right: 15px; } 

#titleAreaRow { 
    display: table; } 

#contentRow { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; } 

#sideNavBox { 
    margin-right: 5px; } 

#contentBox { 
    min-width: 0; 
    margin: 0; 
    -webkit-box-flex: 1; 
    -ms-flex: 1 0; 
    flex: 1 0; } 

#s4-titlerow, 
#contentRow { 
    max-width: 1450px; 
    margin: 0 auto; } 
@media screen and (min-width: 1020px) { 
    #DeltaPlaceHolderMain .tableCol-75 { 
    width: 66.666%; } 
    #DeltaPlaceHolderMain .tableCol-33 { 
    width: 33.333%; 
    } 
    #DeltaPlaceHolderMain .tableCol-25 { 
    width: 33.333%; } 
    #DeltaPlaceHolderMain .tableCol-50 { 
    width: 50%; } } 
@media screen and (min-width: 1340px) { 
    #DeltaPlaceHolderMain .tableCol-75 { 
    width: 75%; } 
    #DeltaPlaceHolderMain .tableCol-25 { 
    width: 25%; } } 
* { 
    outline: none; } 

html { 
    -webkit-text-size-adjust: 100%; } 


/* Sidenav */ 
#sideNavBox { 
    min-width: 180px; 
    max-width: 300px; 
    width: auto; }

来源

2017-03-14 21:33:07 Jackson

SharePoint Online中不能展开Web部件区域宽度

回答

相关问题