Có cách nào để có đường viền CSS bên ngoài hộp (div) không? Hoặc giải pháp thay thế

Question

Tôi có menu này ở đây

Tôi muốn làm nổi bật (di chuột) để mở rộng đến cạnh của hộp bên ngoài (menu dịch vụ). Cũng giống như cách trình đơn bật lên. Bản thân menu được chứa trong một div khác -

Tôi không nghĩ rằng có thể có đường viền phủ định giống như cách bạn có thể có đệm âm.

Bất kỳ ai có ý tưởng hay về cách làm nổi bật trình đơn để mở rộng đến cạnh của hộp bên ngoài khi di chuột?

Đây là menu Drupal w/Nice bằng cách này.

Answer 1

Có vẻ như vấn đề về lợi nhuận, cố gắng thay đổi lề thành đệm, sẽ hoạt động gần như giống hệt nhau và đi đến cạnh.

EDIT Hoặc đặt chiều rộng của div ra thành giống như div bên trong.

Answer 2

Bạn nên sử dụng tài sản hộp-sizing:

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

này sẽ làm cho đường viền và đệm phù hợp bên trong các yếu tố kích thước như trái ngược với bên ngoài.