Fatal编程技术网
  • css/
  • Css 清除浮点

Css 清除浮点

css

Css 清除浮点,css,css-float,Css,Css Float,我有一个关于cssclear float的问题 我的问题是，当我向所有页面声明div{float:left；}时，在某些部分，我仍然希望屏幕中央显示一些div，如width:960px；页边距：0自动。如何清除该div的float 请参见中的代码：和中的审阅 我需要div#nav和div#content这两个div位于屏幕中央，但其他div仍然遵循规则float:left我对你的代码做了一点修改。看一看 <html> <head> <style> div.ma

我有一个关于css
clear float
的问题

我的问题是，当我向所有页面声明
div{float:left；}
时，在某些部分，我仍然希望屏幕中央显示一些div，如
width:960px；页边距：0自动
。如何清除该
div的
float

请参见中的代码：和中的审阅


我需要
div#nav
和
div#content
这两个div位于屏幕中央，但其他div仍然遵循规则
float:left
我对你的代码做了一点修改。看一看


<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>




div.main{float:left；}
#标题{宽度：100%；高度：100px；}
#导航{清除：两个；宽度：800px；边距：0自动；}
.nav{宽度：200px；文本对齐：居中；字体：16px/150%；}
#包裹{宽度：100%；高度：100%；}
#内容{清除：两个！重要；宽度：960px；高度：100%；边距：0自动；}
.col{宽度：300px；高度：300px；边距：0 10px 0 10px；背景：红色；显示：块；}
家
信息
产品
康塔克
ds
ds
ds

这是新的



1.
2.

3
“它仍然遵循
float:left；
”的规则，这意味着你对CSS的限制太多了。正如您可能从中了解到的，将某些内容设置为像
div{float:left；}
这样的泛型是非常糟糕的做法。

<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>