2011-06-27 36 views
5

我在这里有这个菜单enter image description here有没有一种方法可以在框(div)之外拥有CSS边框?或替代解决方案

我想突出显示(悬停)扩展到外部框(服务菜单)的边缘。就像弹出式菜单一样。菜单本身包含在另一个div - enter image description here

我不认为这是可能的负面的边界相同的方式可以有负填充。

任何人都有一个好主意,如何让菜单的亮点延伸到悬停的外框边缘?

这是Drupal w/Nice Menu的方式。

回答

6

看起来像一个保证金问题,试图改变边距来填充,应该几乎完全相同,并走到边缘。

编辑或设置出div的宽度与内部div相同。

+0

我无法真正更改边距或填充,因为该框必须符合与侧边栏中其他所有内容相同的样式。像文本必须从左侧15px,依此类推。我希望有一种方法,不管是不是哈克,都会让边界溢出来,或者勾勒出一些我没有想到的东西。 – winchendonsprings

+0

如果您尝试将其从保证金更改为填充,但使用相同的值会怎样?这应该有相同的间距,背景和边框位于填充的外侧而不是内侧。另外,我非常确定边界在div之外。你可以尝试给它一个20px左右的边框,看看是否有效。 – JacobTheDev

+0

另外,你可以尝试绝对定位,但这是一个痛苦。 – JacobTheDev

4

应使用箱式施胶性:

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
-moz-box-sizing: border-box; /* Firefox, other Gecko */ 
box-sizing: border-box;   /* Opera/IE 8+ */ 

这将使边框和填充合适的元件的尺寸内,而不是外部。

相关问题