Html 如何制作我的div'；动态收缩，而不隐藏某些内容？

我不知道该如何表达我的要求。我对CSS还是相当陌生的

下面是一些图片来解释： 这就是我的网站导航栏的全尺寸。

在左边，我们看到了它最小的样子， 在右边，我们有我想要的最小的形状。

基本上，我希望那些导航链接开始消失，但我不希望zxci文本消失。还要注意导航链接是如何向右移动的。不过，我想这可能是边际效应吧

我尝试将.navlinks设置为显示内联块，但这对我来说没有任何改变。不知道该怎么办

这是我的HTML和CSS。。我将背景颜色更改为灰色，以便对比度可见，因为背景图像不可用

@charset“utf-8”；
身体{
背景色：#a8a8a8；
背景位置：50%45px；
背景重复：无重复；
背景图片：url（assets/dark bg.jpg）；
宽度：100%；
身高：100%；
边际上限：0px；
右边距：0px；
边缘底部：0px；
左边距：0px；
填充顶部：0px；
右边填充：0px；
垫底：0px；
左侧填充：0px；
}
* {
保证金：0；
填充：0；
}
分区内容框{
宽度：100%；
背景色：rgba（0,0,0,0.3）；
边缘底部：30px；
}
导航间隔{
顶部：0px；
左：0px；
位置：固定；
宽度：100%；
高度：45px；
}
导航链接分部{
高度：45px；
浮动：左；
显示：内联；
最小宽度：300px；
溢出x：隐藏；
溢出y：隐藏；
}
海军部{
左边距：23px；
右边距：15px；
颜色：#0066CC；
字体变体：小大写字母；
字体系列：Segoe，“Segoe UI”，“DejaVu Sans”，“投石机MS”，Verdana，Sans serif；
显示：内联；
字体大小：粗体；
浮动：左；
填充顶部：18px；
}
导航舱{
颜色：#中交；
字体系列：Segoe，“Segoe UI”，“DejaVu Sans”，“投石机MS”，Verdana，Sans serif；
字体变体：小大写字母；
字体大小：粗体；
字体大小：xx大号；
-webkit转换：所有.2在0秒内轻松完成；
-moz转换：所有.2秒在0秒内轻松完成；
-ms转换：所有.2秒在0秒内轻松完成；
-o型转换：所有.2秒在0秒内轻松完成；
过渡：所有2秒在0秒内轻松过渡；
显示：内联；
浮动：对；
}
海军部{
边框底宽：薄；
边框底部样式：实心；
}
导航舱{
左边距：自动；
右边距：自动；
边缘底部：40px；
宽度：50%；
最小宽度：300px；
高度：45px；
溢出y：隐藏；
溢出x：隐藏；
}
.集装箱{
左边距：自动；
右边距：自动；
宽度：50%；
身高：100%；
边缘底部：40px；
边际上限：0px；
最小宽度：350px；
}
.内容{
颜色：#0066CC；
字体系列：Segoe，“Segoe UI”，“DejaVu Sans”，“投石机MS”，Verdana，Sans serif；
不透明度：1；
填充顶部：25px；
左侧填充：15px；
右侧填充：15px；
垫底：15px；
}
a:悬停{
颜色：#0099CC；
文字装饰：无；
}
}
div.contentHeader{
宽度：100%；
显示：内联；
}
.backbtn{
字体风格：普通；
字体变体：正常；
字体大小：正常；
字号：x大号；
右：10.px；
显示：内联；
文本对齐：右对齐；
浮动：对；
填充顶部：10px；
边框样式：无；
}
.内容img{
最大宽度：100%；
最大高度：100%；
宽度：自动；
高度：自动；
}

空的

空的

空的

空的

空的

ZXCi
该网站仍在建设中。很抱歉

好吧，别客气！我找到了解决办法。我相信这是一件相对简单的事情

.navLinks现在只有溢出：隐藏

.NAVP链接现在包含位置：相对和浮动：左侧

.navContainer范围现在只包含float:right

我推断“ZXCi”被隐藏的原因是它在float之后：left元素。因此，当屏幕调整大小时，首先看到的东西是需要隐藏的，并且是隐藏的。因此，在导航容器中将其移动到所有这些之前，它现在是最后一个被切割的东西（并且永远不会被切割到最小宽度）

我不知道为什么，但它拒绝连接到我的navbar容器分区的最右边。我在摆弄设置，无意中发现了一个工作配置。考虑到应用的设置很少，我认为这是一个好的设置

---

我的猜测是，在某些地方存在一些相互冲突的格式设置。我不知道。不过现在它很有魅力。（另外，调整大小时出现的奇怪间隙实际上是边距，并且我的导航栏容器的宽度设置为大于另一个容器的宽度）

好的，别担心！我找到了解决办法。我相信这是一件相对简单的事情

.navLinks现在只有溢出：隐藏

.NAVP链接现在包含位置：相对和浮动：左侧

.navContainer范围现在只包含float:right

我推断“ZXCi”被隐藏的原因是它在float之后：left元素。因此，当屏幕调整大小时，首先看到的东西是需要隐藏的，并且是隐藏的。因此，在导航容器中将其移动到所有这些之前，它现在是最后一个被切割的东西（并且永远不会被切割到最小宽度）

我不知道为什么，但它拒绝连接到我的navbar容器分区的最右边。我在摆弄设置，无意中发现了一个工作配置。考虑到应用的设置很少，我认为这是一个好的设置

我的猜测是，在某些地方存在一些相互冲突的格式设置。我不知道。不过现在它很有魅力。（另外，调整大小时出现的奇怪间隙实际上是边缘，我的navbar容器的宽度设置为大于另一个容器的宽度）

好的，所以在我能够使它保持作为li可见之前，将ZXCi向上移动