大家都知道在css中最重要的就是布局，但是在CSS div布局中我们要非常的小心，不然我们的网站就会变得不美观，那么你知道CSS div布局需要注意什么吗？

1.一个大的div里面长宽给定，内部又存在一个新的div，这个div不能完全放在父div中。那么就会overflow。但是，这里overflow的部分对于与父节点平行的兄弟div中，在排版上可视为脱离文档流。

或者说，可以这么简单的理解：父div设置了overflow:hidden。

这个设计也体现了面向对象的特点：封装。对于内部节点的细节我不需要知道。我能看到的是你这个节点，而不是你的内部节点。

2.float出来的div不占文档流。但是要注意的是：将来没有float的div如果在排版上刚好就在这个float的下面(浮动应该置于最高层)，那么这个div里面的文字是会围绕着这个div出现的，而不是简单的位置上的叠加。甚至整个div里面的所有内容都会浮动到浮动div的下面。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 在CSS中对背景透明度调节的方法是什么

  css降低背景透明度的方法：1、使用opacity属性，只需要给背景元素设置“opacity: 透明度值;”样式即可；2、使用filter属性，只需要给背景元素设置“filter: opacity(透明度值);”样式即可。

• 用HTML+CSS怎样做一个汉堡包式菜单，代码是什么

  这篇文章主要介绍了HTML+Sass实现HambergurMenu,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• 在CSS中如何选择div指定的子元素

  在css中，可以利用“:nth-child(n)”选择器来选择div下的第几个p元素，该选择器的作用就是选择父元素下的第n个子元素，语法为“div p:nth-child(n){css样式代码;}”。

• css高度随宽度变化的效果如何实现？

  在实际的项目中，有时候我们可能会遇到实现css高度随宽度变化的需求，那么这个效果怎么样做呢？这篇文章就给大家分享几个方法，下文有方法的实现原理及示例，需要的朋友可以参考。

• Canvas设置阴影使用哪些属性，代码是什么

  我们知道可以用css来实现阴影效果，但是html5中canvas也可以用来设置阴影效果，所以，接下来的这篇文章将给大家来介绍关于如何用canvas来设置阴影效果，话不多说，直接来看内容。