HTML显示div的一半

我必须这样做：

我对HTML非常缺乏经验，所以我认为最好是在

div

中制作一个矩形，并且只显示其中的一半，但我似乎无法让它工作。以下是当前网站的屏幕以及我希望如何显示它：

下面是代码：

标题{
字体系列：Arial；
}
标题导航{
颜色：白色；
}
标题导航ul{
列表样式：无；
保证金：0；
填充：0；
}
标题nav ul li{
保证金：0；
填充：0；
浮动：左；
宽度：200px；
高度：40px；
背景色：rgb（187199124）；
线高：40px；
文本对齐：居中；
}
标题nav ul li a{
显示：块；
文字装饰：无；
颜色：白色；
}
收割台导航ul li a：悬停{
背景色：rgb（163、175、75）；
不透明度：0.5；
}
标题导航ul li ul li{
显示：无；
}
标题导航ul li：悬停ul li{
显示：块；
}
.fit图片{
最大宽度：12%；
}
#长方形{
宽度：1000px；
高度：900px；
背景：rgb（187199124）；
边界半径：500px；
}

Accueil-Gite-Naille



船舱
活动
活动
塔里夫斯
接触
雷格尔门泰尔酒店

您可以使用transform:translateX来实现这一点

标题{
字体系列：Arial；
}
标题导航{
颜色：白色；
}
标题导航ul{
列表样式：无；
保证金：0；
填充：0；
}
标题nav ul li{
保证金：0；
填充：0；
浮动：左；
宽度：200px；
高度：40px；
背景色：rgb（187199124）；
线高：40px；
文本对齐：居中；
}
标题nav ul li a{
显示：块；
文字装饰：无；
颜色：白色；
}
收割台导航ul li a：悬停{
背景色：rgb（163175,75）；
不透明度：0.5；
}
标题导航ul li ul li{
显示：无；
}
标题导航ul li：悬停ul li{
显示：块；
}
.fit图片{
最大宽度：12%；
}
#长方形{
宽度：1000px；
高度：900px；
背景：rgb（187199124）；
边界半径：500px；
转换：translateX（-250px）；
}

Accueil-Gite-Naille


船舱
活动
活动
塔里夫斯
接触
雷格尔门泰尔酒店

您可以使用transform:translateX来实现这一点

标题{
字体系列：Arial；
}
标题导航{
颜色：白色；
}
标题导航ul{
列表样式：无；
保证金：0；
填充：0；
}
标题nav ul li{
保证金：0；
填充：0；
浮动：左；
宽度：200px；
高度：40px；
背景色：rgb（187199124）；
线高：40px；
文本对齐：居中；
}
标题nav ul li a{
显示：块；
文字装饰：无；
颜色：白色；
}
收割台导航ul li a：悬停{
背景色：rgb（163175,75）；
不透明度：0.5；
}
标题导航ul li ul li{
显示：无；
}
标题导航ul li：悬停ul li{
显示：块；
}
.fit图片{
最大宽度：12%；
z指数：1；
}
#长方形{
宽度：500px；
高度：400px；
背景：rgb（187199124）；
边界半径：500px；
转换：translateX（-250px）；
z指数：-111；
}

Accueil-Gite-Naille


船舱
活动
活动
塔里夫斯
接触
雷格尔门泰尔酒店



```

只能将边界半径应用于div的右侧。半div不正确。你的文字会被遮住牙缝，现在看起来效果不错谢谢，但它似乎影响了我的文字above@voxio你可以投票，这将提高我的声誉，关于你的隐藏文本，你可以使用z索引css@voxio或者，如果单击勾选按钮有帮助，您也可以接受此答案