Html 将小部件无限扩展到单面

基本上，我在站点上有两个主要容器，一个主要部分和右边的小部件栏。我的目标是让这些小部件的背景无限移动到它们受人尊敬的一侧，而不移动小部件中的实际内容

这张图片显示了应该发生的事情，而不是代码显示要发生的事情。

@font-face{font-family:UbuntuG；src:url（'ubuntu-fonts/ubuntu-L.ttf'）；}
*{框大小：边框框；-webkit框大小：边框框；-moz框大小：边框框；边距：0；填充：0；}
正文{背景色：#fffff；}
h1{
颜色：#1d；字体系列：UbuntuG；字体大小：30；
}
氢{
颜色：#1d；字体系列：UbuntuG；字体大小：18；
}
p{
颜色：白色；字体系列：Arial；字体大小：16；
}
运输署{
文本对齐：居中；
填充：0；
高度：48px；
最小宽度：48px；
}
a{
显示：块；
文字装饰：无；
颜色：#1d；
字体系列：UbuntuG；
字号:16 ;；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：白色；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：#1d；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*悬停时将链接颜色更改为#111（黑色）*/
李娜：停下来{
背景色：#33d6ff；颜色：白色；
}
.主动{
背景色：#00bff；颜色：白色；
}
.选择器{
位置：固定；
排名：0；
左：0；
宽度：100%；
背景色：#1d；
}
/*顶部全宽容器*/
.FullWidthContainer{width:100%}
/*最大宽度为1200px的内容容器*/
.MainContainer{最大宽度：1200px；宽度：100%；边距：0px自动；}
/*内容容器分为左-75%和右-25%}*/
.left{width:70%；padding:2%；float:left；}
.间隔{宽度：2%；填充：2%；浮动：中心}
.right{width:28%；padding:2%；float:right}
.右img{宽度：100%}

无线电
表格，th，td{边框：5px纯白；边框间距：0；颜色：#1d；字体系列：Arial；字体大小：16；}
h1{颜色：白色；字体系列：UbuntuG；字体大小：30；}

您能详细说明一下您希望发生的事情吗？不确定你现在问的是什么。修复了它的信息！