浮動ボックスの左側と右側

==============================右漂浮
.rightFunctionBox {表示:なし;幅:160ピクセル;ボーダートップ:5pxの固体# 02b4fe;背景:#FFF;ボーダー半径:5pxの。位置:固定;上部:187px; _bottom:自動; _position:絶対; Zインデックス:999;}
.rightFunctionBox UL {パディング:0 5pxの;国境半径:0;}
.rightFunctionBox李{行の高さ:35px;テキスト-align:センター;ボーダー底:1ピクセル破線#1 e5e5e5;}
.rightFunctionBox李:最後の子{ボーダー底:0;}
.rightFunctionBoxリー{表示:ブロック; 色:#515151;}
.rightFunctionBoxリチウムのA:ホバー{テキスト装飾:なし;色:#09F;}


<DIV CLASS = "rightFunctionBox" ID = "rightFunctionBox">
<UL>
<LI> <HREF = "javascriptの:;" onclickの= "jobSeekerInterviewVideoEvent();">查看面试视频</a>の</ LI>
<LI>の<a href=""のtarget="_blank">查看原简历</a>の</ LI>
<LI> < href = "javascriptの:;" クラス= "対話">回复求职者する</a>ます。</ li>
<LI> <のhref = "javascriptの:;" onclickの= "writingEvaluatedEvent();">评价</a>の</ LI>
<LI> <a href="javascript:;">打印分析报告する</a> </ LI>
</ UL>
</ div>


//右漂浮导航
機能bindRightFunctionBox(){
VAR $ floatDIV = $( "#のrightFunctionBox");
VARのx =($(ウィンドウ).width() - 1000年)/ 2 + 1010;
$ floatDIV.css(、 "左"のx).SHOW();
}
$(関数(){
bindRightFunctionBox();
$(ウィンドウ).resize(関数(){
bindRightFunctionBox();
});
});

 

==============================フローティング状態のまま

 

おすすめ

転載: www.cnblogs.com/sunnywindycloudy/p/11646265.html