Css 一个项目如何使用屏幕的全宽减去60像素?
我在屏幕的左侧有一些导航,所以我将主体宽度设置为100% 导航宽度为60px。我想要的额外div是从屏幕左侧到右侧的60px 我的问题是,它总是显示为相同的机身宽度加上60px,我在屏幕底部有一个x轴 //这是在左侧,宽度为60pxCss 一个项目如何使用屏幕的全宽减去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
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内的内容可能会被切断:(不幸的是,使用这种方法可能无法实现目标。在组合绝对值和相对值时,几乎不可能正确排列。您可能需要重新思考这个问题并决定另一个解决方案。这就是为什么计算机科学都是关于解决问题的:)