Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 一个项目如何使用屏幕的全宽减去60像素?_Css_Width - Fatal编程技术网

Css 一个项目如何使用屏幕的全宽减去60像素?

Css 一个项目如何使用屏幕的全宽减去60像素?,css,width,Css,Width,我在屏幕的左侧有一些导航,所以我将主体宽度设置为100% 导航宽度为60px。我想要的额外div是从屏幕左侧到右侧的60px 我的问题是,它总是显示为相同的机身宽度加上60px,我在屏幕底部有一个x轴 //这是在左侧,宽度为60px left:0; position:fixed; width:60px; height:100%; //这位于导航和屏幕右侧之间,但应占据整个宽度 background:black; width:100%; height:100px; margin-left:60p

我在屏幕的左侧有一些导航,所以我将主体宽度设置为100%

导航宽度为60px。我想要的额外div是从屏幕左侧到右侧的60px

我的问题是,它总是显示为相同的机身宽度加上60px,我在屏幕底部有一个x轴

//这是在左侧,宽度为60px

left:0;
position:fixed;
width:60px;
height:100%;
//这位于导航和屏幕右侧之间,但应占据整个宽度

background:black;
width:100%;
height:100px;
margin-left:60px;

如何在屏幕左侧显示60px宽的内容,然后使用一个div将其连接到屏幕右侧而不过度扩展?

根据您的需要,您可能希望将其添加到
正文的css:
溢出-x:hidden
,这将切断右侧多余的60px,并防止滚动条出现。但是,div中的内容也可能被删除。这实际上取决于您在分区中放置的内容。

似乎您需要一个固定的流体布局,该布局已被广泛记录。固定部分的宽度应为60px,流体部分应占剩余宽度。请看一下,以获得一些启示。

请看,对于这些场景,我们始终有一个解决方案可以使用
,但我的假设是您不想使用该表。保持
divs
在我们的设计中,我们可以将divs的显示属性设置为table,以使其工作。请找出解决办法


这可以根据您的需要工作,并且不会将水平滚动带到右侧的主内容部分。希望这有帮助。

内容将根据div的宽度显示,因此如果div被切断,则div内的内容可能会被切断:(不幸的是,使用这种方法可能无法实现目标。在组合绝对值和相对值时,几乎不可能正确排列。您可能需要重新思考这个问题并决定另一个解决方案。这就是为什么计算机科学都是关于解决问题的:)