上面那两个“公司新闻”“行业新闻”是个一个div，在里面的栏目暂且用t1，t2命名；
下面的展示是一个div，对应上面的用t1_content，t2_content命名；
然后用css让t2_content的display等于none；
在然后用js控制：
当t1被点击时，t1_content的display等于block，其他的tn_content的display等于none；
当t2被点击时，t2_content的display等于block，其他的tn_content的display等于none；；
原理就是这样，把原理弄明白了，代码很简单的。
按照显示方式分为块元素 、行内元素和行内块元素(内联元素)
典型代表,Div,h1-h6,p,ul,li
特点:
典型代表 span ,a, ,strong , em, del, ins
特点：
典型代表 input img
特点：
1.块元素转行内元素
display:inline
2.行内元素转块元素
display:block
3.块和行内元素转行内块元素
display:inline-block
css标签中基本标签属性有三种：块属性标签、行属性标签和行块属性标签。一、块属性标签：特点：1.上下排列，独占一行 2.支持设置宽高，如果不设置宽高，宽度自动撑满父容器，高度由内容决定。
*有开始标签和结束标签，（双标签），只有一个标签的叫做单标签
常用的块属性标签：div标签（没有任何意义，一般用来划分区域）p标签（段落标签）h1-h6（标题标签，h1标签一般在一个网页中只有一个）ul>li（无序列表）ol>li（有序列表）
style=“list-style: none” （去掉无序列表前面的点）
**二、行属性标签：**特点：1.左右排列 2.不支持设置宽高 3.不支持上下的margin和padding
