问题描述
- HTML关于CSS+DIV浮动的一个疑问
-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style> #div1 { width:400px; height:300px; background-color:pink; } #div2 { width:150px; height:100px; background-color:green; float : left; } #div3 { width:250px; height:150px; background-color:orange; } #div4 { width:180px; height:130px; background-color:blue; } </style> </head> <body> <div id="div1"> <div id="div2"></div> <div id="div3"> <!-- <div id="div4"></div> --> <a href="#">链接</a> </div> </div> </body> </html>当div2浮动的时候，div3 就跑到div2下面，因为div2脱离文档流了不占空间，这个我能理解，但是为什么 div3里面的 a标签却不会跑到div2下面呢？然后div3里面注释的div4却会连同div3一起跑到div2下面？ 请高手解答，万分感谢！
解决方案
首先第一个问题，a标签为什么会环绕，起初float设计出来就是为了达到，文字环绕。只是后来被用来布局了。所以float有个特性就是文字（或者内联元素这个不确定）会环绕float的元素。第二个问题你说的div4是个注释，页面不会显示，不清楚你讲的跑到div2下面是什么意思，我的chrome里没有显示出div4的内容的
解决方案二：
http://blog.csdn.net/yejin191258966/article/details/18474829
时间： 2024-09-23 07:00:09