Я не могу понять, почему это происходит.Во всех браузерах, не относящихся к webkit, я тестировал приведенный ниже код с (IE8, FFx 3.x, Opera 10.x), в области <pre> полоса прокрутки отсутствует.Для Chrome и Safari появляется вертикальная полоса прокрутки.
Конечно, я не хочу, чтобы она появлялась.
Код:
<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB" dir="ltr">
<head>
<style type="text/css" media="screen,projection">
body {
color: black;
font-family: Verdana, sans-serif;
font-size: 90%;
}
#container {
font-size: 9pt;
}
#container-content {
color: black;
line-height: 1.5em;
}
pre {
background-color: #F9F9F9;
border: 1px dashed #2F6FAB;
color: black;
font-family: 'Courier New', monospace;
font-size: 1em;
line-height: 1.1em;
overflow: auto;
padding: 15px 20px;
width: 150px;
}
</style>
</head>
<body>
<div id="container">
<div id="container-content">
<pre>line 1
line 2
and this is a very long like it is, and this is a very long like it is
line 4 Обратите внимание, что это фрагмент кода из большого проекта.Весь несвязанный код удаляется.
Удаление line-height или создание его> = 1.3em решает проблему, но я хочу, чтобы оно равнялось 1.1em.