HTML CSS examples for CSS Widget:Header
Horizontal scrolling of sticky header
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .sticky-wrapper {<!--from w w w.ja v a2 s. c om--> box-shadow: 0 3px 3px 0 #8f8f8f; position: fixed; top: 0; z-index: 999; background: grey; width: 900px; overflow-x: auto; } .bigger { width: 1000px; } .sidebar { float: left; margin-left: 5px; width: 29px; } .content { background: none repeat scroll 0 0 #fff; border-top: 4px solid #5d5d5d; display: inline; float: left; margin-left: 29px; margin-right: 0; width: 691px !important; } </style> </head> <body> <div class="search-container"> <div class="sticky-wrapper"> <div class="bigger"> header header header header header header header header header header header header header header </div> </div> <div class="content"> test test test test test test test test test test test test test test test test test test test test </div> </div> </body> </html>