CSS clear float - PullRequest
Новая
       1

CSS clear float

1 голос
/ 01 ноября 2011

У меня есть вопрос по поводу css clear float.

Мой вопрос: когда я объявляю div{float:left;} для всей страницы, то в какой-то части мне все еще нужен какой-то центр отображения Div экрана, напримерwidth:960px;margin:0 auto.Как очистить этот div's float?

см. Код в: http://jsfiddle.net/37wnT/ и обзор в http://jsfiddle.net/37wnT/show/

Мне нужны div#nav и div#content эти два центра деленияэкрана, но другие div все еще подчиняются правилу float:left;

Ответы [ 2 ]

0 голосов
/ 01 ноября 2011

Это новый jsfiddle 

<div id="content">
    <div class="col">1</div>
    <div class="col" >2</div>
    <div class="col" style="clear:left;margin-top:10px">3</div><br> <-- changes here
</div>

Я не уверен, что это то, что вы хотите.

0 голосов
/ 01 ноября 2011

Я немного изменил ваш код. посмотрите. 

<html>
<head>
<style>
div.main{float:left;}
#header{width:100%;height:100px;}
#nav{clear:both;width:800px;margin:0 auto;}
.nav{width:200px;text-align:center;font:16px/150%;}
#wrap{width:100%;height:100%;}
#content{clear:both !important;width:960px;height:100%;margin:0 auto;}
.col{width:300px;height:300px;margin:0 10px 0 10px;background:red;display:block;}
</style>
</head>

<body>

<div id="header">
    <div id="nav">
        <div class="nav main">home</div>
        <div class="nav main">info</div>
        <div class="nav main">products</div>
        <div class="nav main">cantact</div>
    </div>
</div>
<div id="wrap">
    <div id="content">
        <div class="col main" >ds</div>
        <div class="col main">ds</div>
        <div class="col main">ds</div>
    </div>
</div>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...