проект CSS внутри div не отображается должным образом - PullRequest
Новая
       8

проект CSS внутри div не отображается должным образом

0 голосов
/ 30 августа 2009

Я пытаюсь выяснить, подходит ли мне blueprint css framework, и я натолкнулся на следующее: Проблема в том, что у меня есть два pre, каждый из которых обернут в div с классом span-12, но они не отображаются рядом в двух столбцах, один оборачивается вокруг другого по какой-то причине. следующий код, демонстрирующий проблему, должен просто работать, если вы скопируете ее в какой-нибудь HTML-файл: 

<code><html>
<head>
    <link rel="stylesheet" href="http://github.com/joshuaclayton/blueprint-css/raw/63795c8bfe31cbbfad726f714bf8d22770adc7ad/blueprint/screen.css" type="text/css" media="screen, projection">
</head>
<body>
    <div class="container">
        <div class="span-24">
            <div class="span-12" style="background:#eee;"><pre>Hello world asdf asdf asdf asd fas df asd fas dfas dfasd f
Hello world asdf asdf asdf asd fas df asd fas dfas dfasd f

1 Ответ

2 голосов
/ 30 августа 2009

Причина, по которой ваши

обёртывают, не имеет ничего общего с 
tag. </p>

<p>Each of the <div>s have a width of 470px and a right margin of 10px. For the two, this is a total of 960px, which is 10px wider than your containing <div> (950px).</p>

<p>The solution here is to use the "last" class (provided by the Blueprint CSS framework) to the last <div>:</p>

<pre><code><div class="span-12" style="background:#eee;"><pre>Hello world asdf asdf asdf asd fas df asd fas dfas dfasd f
Hello world asdf asdf asdf asd fas df asd fas dfas dfasd f

Этот класс удаляет правое поле и позволяет

s вписываться в их контейнер.

Вы можете увидеть демонстрацию этого здесь: http://demo.raleighbuckner.com/so/1353282/

...