2

私は最近、展開と折りたたみを使用して div を試しています。すべてが完璧に機能します。これは、divのフォントサイズを大きくすると、ボタンがdivに比例して表示されないときはいつでも、展開ボタンと折りたたみボタンでバーを固定するというフィドルです。これが私が明確に期待しているフィドルです。 http://jsfiddle.net/vicky081/GyG3w/1/ 

   .btnn
        {
            width: auto;
            height: auto;
            cursor:pointer;
            background-color:#02adea;
            position: absolute;
            border:solid;
            margin-left:3%;
            border-color:#ffffff;
            border-top-color:#02adea;
            top:36px;
            text-align: center;
            padding-top: 7px;
            color:white;
        }

ボタンが div の外にあることがわかります。フォントサイズを変更しても、divに付いているボタンを表示する方法はありますか?

どんな提案も素晴らしいでしょう。

ありがとう。

4

3 に答える 3

1 
$(document).ready(function () {
$(".text").hide();
$(".btn").click(function(e){
    var txt=$(this).html(); 
    var flag = txt==="open";
    if(flag){
      $(".text").show();
      $(this).html("close");
    }
    else{
      $(".text").hide();
      $(this).html("open");
    }        
});

});

.banner{
font-size:1.2em; 
position:fixed;
width:100%;   
}
.text {
background:#02adea;
text-align:center;
width:100%; 
}
.btn{
background:#02adea;
border:5px solid white;
border-top-color: #02adea;
color:white;
text-align:center;
width:2em;
}

http://jsfiddle.net/GyG3w/5/

これはあなたが望んでいた効果だと思います。これで、固定divのフォントサイズを好きなだけ変更できます。残りの要素はそれに応じてサイズ変更され、レイアウトは保持されます

于 2013-08-30T15:13:33.817 に答える
0

bottom: -49px;代わりに使用できますtop: 36px;

于 2013-08-30T14:24:35.643 に答える