css - how calculate top property for fixed element -
:) when dont set top/left properties element fixed acccured?? please see sample code:
#fixed-menu{ background-color:#ba4444; border-top: 5px solid #0892cd; height: 60px; position: fixed; width: 100%; z-index:9999; box-shadow:rgb(128, 128, 128) 0px 5px 15px 0px; } #wrapper{ height:900px; width:960px; margin:0 auto; background-color:yellow; margin-top:100px; }
<body> <div id="fixed-menu"></div> <div id="wrapper"></div> <body>
once element has been fixed position: fixed
, 3 properties left
, width
, right
determine horizontal position , size, relative window. (css uses more general word viewport; window example of viewport.)
you need @ 2 of 3 properties, i.e., left & width
, right & width
, or left & right
. setting 1 of three, or none @ possible. in case, css use element's natural (“intrinsic”) size and/or position, needed, properties left @ default value ('auto').
the same holds trio top
, height
, bottom
. need set @ 2 of them: top
if want control distance top of window, bottom
control distance bottom, , height
if want specify fixed height.
i hope answers question. further reading can refer link
Comments
Post a Comment