Html 特定CSS菜单布局

Html 特定CSS菜单布局,html,css,menu,Html,Css,Menu,我正在处理一些web开发问题,想知道如何用HTML、CSS和Javascript实现布局。 当鼠标悬停在“Design”或“Hintergründe”上时,主区域会发生变化并显示内容。我的问题是边框,当活动菜单点改变时,边框会改变。因此,我会选择2个div容器,分别用于“Design”和“Hintergründe”,其边框在左、上和右(无底部)。主要区域必须是一个有边界的分区。我怎样才能在菜单选择和主要区域相互融合的情况下实现边境的误导派对 顺便问一下:对于div容器,这些costum(瘦)滚动

我正在处理一些web开发问题,想知道如何用HTML、CSS和Javascript实现布局。 当鼠标悬停在“Design”或“Hintergründe”上时,主区域会发生变化并显示内容。我的问题是边框,当活动菜单点改变时,边框会改变。因此,我会选择2个div容器,分别用于“Design”和“Hintergründe”,其边框在左、上和右(无底部)。主要区域必须是一个有边界的分区。我怎样才能在菜单选择和主要区域相互融合的情况下实现边境的误导派对

顺便问一下:对于div容器,这些costum(瘦)滚动条是否可以在HTML中使用

提前Thx 祝你一切顺利
Michael

您单击的选项卡与内容区域具有相同的背景颜色,并且它具有
页边距底部:-1px
z-index
,用于将其放置在内容上方。这使得背景覆盖了内容区域的边界,产生了你想要的效果。

米希米切贝克对标签给出了一个很好的答案

对于薄滚动条,请尝试许多可用的javascript/jquery插件之一。 一个例子是:


您还可以在CSS中更改webkit浏览器的滚动条:。但是javasript解决方案可能是首选。

您可以将content div的上边框设置为-1,然后将菜单点的下边框设置为div的背景色。使用javascript/jquery可以自定义滚动条。请看这里的薄滚动条可以通过nanoscroller完成: