这个网站的主要内容是通过CSS样式来控制页面布局和元素的显示。主要使用了以下几个类:

.bdcs-container:这是整个页面的容器,它的宽度是自动的,高度也是自动的,最大和最小值都是无。它还设置了清除浮动,使得在.bdcs-main元素下方的内容不会影响到.bdcs-main元素的布局。

.bdcs-main:这是页面的主要内容区域,所有的其他元素都会被放在这个区域内。它设置了一些基本的CSS属性,如box-sizing、margin、padding等,以确保元素的大小和间距符合预期。此外,它还设置了一些与布局相关的属性,如width、height、max-width、min-width、max-height、min-height等,以便在不同设备上能够正确显示。

.bdcs-clearfix:这是一个用于解决浮动问题的类。当一个元素浮动时,它会影响到其下面的元素的布局。使用这个类可以清除浮动,使得下面的元素可以正常布局。

.bdcs-clearfix:after:这是一个伪元素,用于清除.bdcs-clearfix元素的内容和布局。它的display属性设置为block,使得它占据了一整行的空间。clear属性设置为both,确保了.bdcs-clearfix元素下方的内容不会影响到.bdcs-clearfix元素的布局。height属性设置为0,使得它不占用任何空间。

这个网站通过灵活运用CSS样式,实现了良好的页面布局和元素显示效果。