Нежелательный размер тела отрегулируйте

-1

У меня есть html-страница, которая должна иметь определенный размер тела. Он содержит следующие CSS:Нежелательный размер тела отрегулируйте

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

Всякий раз, когда я изменить текст тела с JQuery, размер тела перенастраивается. Есть ли способ предотвратить это?

Edit: полный 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

Нежелательный размер тела отрегулируйте

ответ

Смежные вопросы