Html 如何消除灰色背景色和右侧浏览器边界之间的间隙?

Html 如何消除灰色背景色和右侧浏览器边界之间的间隙?,html,css,web-frontend,Html,Css,Web Frontend,身体{ 字体系列:“蒙特塞拉特”; } .内容{ 背景色:#d9d9d9; } p、 日期{ 显示:内联块; 字号:800; 右边距:20px; 宽度:120px; 文本对齐:居中; 边际上限:0; 页边距底部:0; } p、 内容{ 显示:内联块; 文本对齐:左对齐; 宽度:85%; 高度:50px; 边际上限:0; 页边距底部:0; } 1971年6月28日 伊隆·里夫·马斯克于1971年6月28日出生于南非比勒陀利亚。 1988年 埃隆17岁时移居加拿大,就读于女王大学。 1990年


身体{
字体系列:“蒙特塞拉特”;
}
.内容{
背景色:#d9d9d9;
}
p、 日期{
显示:内联块;
字号:800;
右边距:20px;
宽度:120px;
文本对齐:居中;
边际上限:0;
页边距底部:0;
}
p、 内容{
显示:内联块;
文本对齐:左对齐;
宽度:85%;
高度:50px;
边际上限:0;
页边距底部:0;
}



1971年6月28日

伊隆·里夫·马斯克于1971年6月28日出生于南非比勒陀利亚。



1988年

埃隆17岁时移居加拿大,就读于女王大学。



1990年

<p类=“内容”>ELon转入宾夕法尼亚大学,获得经济学和物理学双学士学位。

< BR>


1995年

他搬到加利福尼亚州,在斯坦福大学攻读应用物理和材料科学博士学位,但两天后辍学,开始了商业生涯。




有一种方法可以做到这一点,而无需更改HTML结构。使用CSS中的
calc()
函数表示宽度,在
.content
内。设置如下:

width: calc(100% - 144px);
注意:它可以工作,但值
144px
是固定的。原因是
日期
有固定的宽度,即
120px
,并且有
边距
等属性

正文{
字体系列:“蒙特塞拉特”;
}
.内容{
背景色:#d9d9d9;
}
p、 日期{
显示:内联块;
字号:800;
右边距:20px;
宽度:120px;
文本对齐:居中;
边际上限:0;
页边距底部:0;
}
p、 内容{
显示:内联块;
文本对齐:左对齐;
宽度:计算(100%-144px);
高度:50px;
边际上限:0;
页边距底部:0;
}



1971年6月28日

Elon Reeve Musk于1971年6月28日出生于南非比勒陀利亚。



1988年

埃隆17岁时移居加拿大,就读于女王大学。



1990年

<p类=“内容”>ELon转入宾夕法尼亚大学,获得经济学和物理学双学士学位。
1995年

他搬到加利福尼亚州,开始在斯坦福大学攻读应用物理和材料科学博士学位,但两天后辍学,开始了商业生涯。