CSS控制div显示的方法

今天小编给大家分享一下CSS控制div显示的方法的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

成都创新互联公司是一家专业提供平昌企业网站建设,专注与做网站、成都做网站、H5网站设计、小程序制作等业务。10年已为平昌众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

HTML的组成部分

dtd部分：文档类型说明，声明版本、标准

CSS控制div显示的方法

header部分：给机器看的
body部分：给人看的

CSS控制div显示

是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是
固有的唯一格式表现。可以通过
的 class 或 id 应用额外的样式。
如下代码是CSS通过id设置每个div的宽高和背景色




 
 Document
 
 #a {
 width: 200px;
 height: 100px;
 background: red;
 }
 #b {
 width: 200px;
 height: 100px;
 background: blue;
 }
 #c {
 width: 200px;
 height: 100px;
 background: green;
 }

执行效果：

CSS控制div显示的方法

浮动布局

我们先写两个div设置上背景颜色看看效果




 
 Document
 
 #lside {
 height: 200px;
 background: red;
 }
 #rside {
 height: 200px;
 background: green;
 }
 


 我是左边

我是右边

上文也说ddiv的内容会自动地开始一个新行，所以想将两个div左右排列就要进行浮动布局

Document #lside { height: 200px; background: red; float: left; } #rside { height: 300px; background: green; float: right; } #normal { height: 400px; background: blue; } 我是左边我是右边我不设置浮动

以上就是“CSS控制div显示的方法”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。

CSS控制div显示的方法

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

CSS控制div显示的方法

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们