clearfix工作不溢出：汽车

我非常糟糕的CSS，所以有人能帮助我：clearfix工作不溢出：汽车

我有以下的html：

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Cluster Test</title> 
    <link rel="stylesheet" href="assets/style.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <script src="assets/script.js"></script> 
    <style> 
    .square-thumb 
    { 
     float: left; 
     margin:5px !important; 
     padding:5px; 
     cursor: pointer; 
    } 

    .clearfix { 
     overflow: auto; 
    } 
    </style> 
</head> 
<body> 
<div class='img-container'> 
<div class=' square-thumb'><img src='images1/1919812643.jpg'></div> 
<div class=' square-thumb'><img src='images1/1919814776.jpg'></div> 
<div class=' square-thumb'><img src='images1/1919816424.jpg'></div> 
<div class=' square-thumb'><img src='images1/1919817149.jpg'></div> 
</div> 
<div class='clearfix'></div> 
<hr> 
<div class='new_div' style='width:300px;height:300px;border:1px solid grey;'> 
THIS IS MY NEW DIV 
</div> 
</body> 
</html>

我的问题是，new_div不正确呈现。背景色不显示，高度和宽度不存在等

如果我评论的CSS以下行，它工作得很好：

float: left;

我读的地方，添加clearfix DIV将工作，但它也不起作用。谁能帮我，我一直在坚持，现在时间... :(

来源

2015-10-26 Undefined Variable

认沽该div之后的浮动方拇指和改变从oveflow:auto到clear:both。

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Cluster Test</title> 
 
    <link rel="stylesheet" href="assets/style.css"> 
 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
    <script src="assets/script.js"></script> 
 
    <style> 
 
    .square-thumb 
 
    { 
 
     float: left; 
 
     margin:5px !important; 
 
     padding:5px; 
 
     cursor: pointer; 
 
    } 
 

 
    .clearfix { 
 
     clear:both; 
 
    } 
 
    </style> 
 
</head> 
 
<body> 
 
<div class='img-container'> 
 
<div class=' square-thumb'><img src='images1/1919812643.jpg'></div> 
 
<div class=' square-thumb'><img src='images1/1919814776.jpg'></div> 
 
<div class=' square-thumb'><img src='images1/1919816424.jpg'></div> 
 
<div class=' square-thumb'><img src='images1/1919817149.jpg'></div> 
 
<div class='clearfix'></div> 
 
</div> 
 
<hr> 
 
<div class='new_div' style='width:300px;height:300px;border:1px solid grey;'> 
 
THIS IS MY NEW DIV 
 
</div> 
 
</body> 
 
</html>

来源

2015-10-26 18:40:03

谢谢你，先生！这工作！我会尽快接受你的答案，让我可以。 –

clearfix工作不溢出：汽车

回答

相关问题