2015-12-15 3 views
-1

enter image description hereSafari показывает непредвиденную «ошибку», почему?

<!DOCTYPE html> 
    <html> 
    <head> 
    <title>Types of Internet Connections</title> 
    <style> 
    body { 
     margin: 0px; 
    } 

    section { 
     border: 3px solid lightblue; 
     display: inline-block; 
     width: 300px; 
     height: 300px; 
     overflow: scroll; 
     /*vertical-align: top;*/ 
     margin: 10px; 
     padding: 10px; 
     background-color: lightgrey; 
    } 
    h1 { 
     padding-left: 25px; 
    } 
    </style> 
    </head> 

    <body> 
    <section> 
     <h1>Dial-up</h1> 
     <ul> 
      <li><strong>Slower</strong> than other internet connection    types</li> 
      <li>Connects through <storng>existing phone lines</storng> using a dial-up modem</li> 
      <li>Generally the cheapest option, but requires <strong>phone service</strong></li> 
      <li>Must "<strong>dial up</strong>" to connect to the internet and <storng>disconnect</storng> when done</li> 
      <li><strong>Cannot use internet and phone at the same time</strong> (unless there are multiple phone lines)</li> 
     </ul> 
    </section> 
    // other members,etc 
    </body> 
    </html> 

я практиковал «инлайн-блок», но есть неожиданный дисплей в Safari, а страница в хроме и хорошо отображается светлячок.

Что случилось с Safari, я не могу найти причину, может ли кто-нибудь мне сказать? спасибо!

+1

Сообщение ваш фактический код пожалуйста, не фотографии из него. – j08691

+0

Только код стиля изображения, только хардкор! :) –

+0

Я опубликовал свой фактический код. :) – Vayne

ответ

1

Вы можете использовать vertical-align

Попробуйте это:

.yourclass{ 
vertical-align: top; 
} 
+0

«vertical-align: top» исправил мою ошибку Safari, но не могли бы вы рассказать мне причину? – Vayne

+0

Поскольку встроенный блок является встроенным элементом, а встроенные элементы бок о бок являются и могут быть выровнены по вертикали этим правилом –

+0

, не могли бы вы рассказать мне, почему мой Safari сделал эту неожиданную «ошибку»? – Vayne

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