div流式格局
日期：2014-05-16 浏览次数：20661 次
div流式布局
求大神指导，为什么第二个div没办法显示出来，还有是不是float跟clear不能再同一行里是用？？？
------解决方案--------------------
其实我只是想说，掌握基本的原则还是有必要的，比如标签嵌套规范，基本的兼容性问题
我们不是需要挨个去测试怎样才是兼容性的代码，而是我们知道哪些是有兼容问题的，然后才去避免不兼容写法
每次我看到很多学习CSS的人纠结 为什么用p标签、li 类似这样问题，就很蛋疼，其实用什么都是一样的，也许仅仅是语义化的问题
第三个div跟第四个div为什么不在同一行？
因为第三个很明显是块属性元素，那么块属性元素的特点是什么，不管怎样，独占一排显示
我不觉得你更改后的代码有什么特别，层级的概念要结合定位，单纯的定位层级是没有意义的
------解决方案--------------------
http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html
//style.css
#first{
width:300px;
height:200px;
background:red;
float:left
}
#second{
width:300px;
height:200px;
background:pink;
clear:right
}
#third{
width:300px;
height:200px;
background:green;
clear:left
}
#four{
width:300px;
height:200px;
background:blue;
float:right
}
<html>
<head>
<title>div的概念</title>
<link rel = "stylesheet" href = "style.css" type = "css/style.css"/>
</head>
<body>
<div id="first">第一个div</div>
<div id="second">第二个div</div>
<div id="third">第三个div</div>
<div id="four">第四个div</div>
</body>
</html>
求大神指导，为什么第二个div没办法显示出来，还有是不是float跟clear不能再同一行里是用？？？
------解决方案--------------------
其实我只是想说，掌握基本的原则还是有必要的，比如标签嵌套规范，基本的兼容性问题
我们不是需要挨个去测试怎样才是兼容性的代码，而是我们知道哪些是有兼容问题的，然后才去避免不兼容写法
每次我看到很多学习CSS的人纠结 为什么用p标签、li 类似这样问题，就很蛋疼，其实用什么都是一样的，也许仅仅是语义化的问题
第三个div跟第四个div为什么不在同一行？
因为第三个很明显是块属性元素，那么块属性元素的特点是什么，不管怎样，独占一排显示
我不觉得你更改后的代码有什么特别，层级的概念要结合定位，单纯的定位层级是没有意义的
------解决方案--------------------
http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
