jQueryの高機能出力1

私は、次のCSS持っている：私は80％で、画面を分割しようとしていますjQueryの高機能出力1

div#autosurf { 
 
    display: none; 
 
    width: 100%; 
 
    height: 700px; 
 
    position: relative; 
 
} 
 
div#autosurf #frames-container { 
 
    background: #ff88ff; 
 
    height: 79% 
 
} 
 
div#autosurf #info { 
 
    height: 19%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

を - 20％。これは問題ありません。しかし、問題は私が$('#frames-container').height()を出力すると、1を出力することです。 0ではなく、undefinedではなく、1です。どこに問題がありますか？

EDIT 1：私はそのframes-containerに背景色を設定しようとしたと私はその高さは1よりも大きいことがわかります。なにが問題ですか？

出典

2016-10-12 durisvk

あなたはJSFiddleを提供することができます –

このフィドルを更新してくださいます。https：/ /jsfiddle.net/hv2oh5y2/ – Hackerman

いつもボーダー、パディング、マージンがあることを覚えておいてください...私はJSFiddleが – Qaddura

が div#autosurfから display:noneを削除.offsetHeight

出典

2016-10-12 17:23:00

私はこのようにします： '$（ '＃autosurf'）。slideDown（）;'しかし、あなたは私の問題を解決するのを手伝ってくれました... slideDown（）は時間がかかり、 slideDownが終わったときのsetTimeout（）のロジック...ありがとうございました – durisvk

よろしくお願いします！それがうまくいってうれしい。 @durisvk –

てみVanilaJSの$（ '...'）[0]

JSFiddle

出典

2016-10-12 16:49:40

でも1が返されます – durisvk

答えて

関連する問題