不需要的身體尺寸調整

-1

我有一個html頁面，必須具有特定的身體尺寸。它包含以下CSS：不需要的身體尺寸調整

<style> 
body{ 
    background-color:black; 
    padding-bottom:354px; 
    border:14px; 
    border-style:solid; 
    border-color:yellow; 
    } 
</style>

每當我改變身體的文本與jQuery，身體的尺寸重新調整。有沒有辦法來防止這種情況？

編輯：全HTML

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Lua console --- not ready</title> 
    </head> 
    <body onclick='clicked()' onload='loaded()'> 
<div class='console'> 
    <!--Anything in here will be overwritten--> 
</div> 
<!--import our main script--> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js'> </script> 
<!--We need css--> 
<!--But we also need a blank one--> 
<style id='console-styling'> 
</style> 
<!--Build the fake os--> 
<style> 
body{ 
    background-color:black; 
    padding-bottom:354px; 
    border:14px; 
    border-style:solid; 
    border-color:yellow; 
    color:white; 
} 
</style> 
<!--Add Lua and various listeners--> 
<script> 
    $('div').html('test') 
</script> 
    </body> 
</html>

來源

2016-02-01 Jason Gronn

需要看你的HTML/jQuery的爲好，如果你想有一個很好的答案，最好的工作代碼段 – LGSon

新增的HTML內容。 –

你的意思是「身體重新調整的大小」？究竟發生了什麼？ – JJJ

是不是這樣的，你希望它是什麼？

$('div').html('test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>')

html, body{ 
 
    height:100vh; 
 
    margin: 0; 
 
} 
 
body{ 
 
    box-sizing: border-box; 
 
    background-color:black; 
 
    padding:177px; 
 
    border:14px; 
 
    border-style:solid; 
 
    border-color:yellow; 
 
    color:white; 
 
    
 
} 
 
.console { 
 
    background-color:gray; 
 
    height: 100%; 
 
}

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

 
<div class='console'> 
 
    <!--Anything in here will be overwritten--> 
 
</div>

來源

2016-02-01 19:38:10 LGSon

不需要的身體尺寸調整

回答

相關問題