flutter实现的div/css系统产品系统

使用过flutter的开发者都知道，在flutter中布局界面嵌套层级是一个很大的问题，因为flutter是美国人开发的，他们的产品界面一贯比较简洁，所以他们的小部件比较简洁，一个部件只做一件事情，你要完成一个复杂的功能就得去组合，而国人的界面呢，是比较复杂的，用他们的理念是布局界面是一个有点痛苦的事情，所以我开发了一个使用div/css去布局界面的部件div，常见的边框、边距、填充、背景，flex布局、绝对相对定位等样式均可支持，而且非常高效。

使用过flutter的开发者都知道，在flutter中布局界面嵌套层级是一个很大的问题，因为flutter是美国人开发的，他们的产品界面一贯比较简洁，所以他们的小部件比较简洁，一个部件只做一件事情，你要完成一个复杂的功能就得去组合，而国人的界面呢，是比较复杂的，用他们的理念是布局界面是一个有点痛苦的事情，所以我开发了一个使用div/css去布局界面的部件div，常见的边框、边距、填充、背景，flex布局、绝对相对定位等样式均可支持，而且非常高效。

这是一个仿HTML中div元素的widget。特别注意：使用本widget的滚动功能时，就请不要套用flutter自带的滚动widget，因为会计算错误。

使用它是基于一个思想：最常用的属性及功能全部设置给一个widget，以减少组合，减少缩进，减少代码量。至于性能，我认为是不影响的，
虽然每个实例占的内存比较多了，但是节点数却下降了，从而省下了好多处理时间，这样一加一减一算，总体上性能可认为持平。

它的主要属性及功能为：实现div的边距、边框、填充、背景(纯色、渐变色、图像)、边缘阴影、弹性盒模型、定位方式、可见性、透明度等，
即一个div的最常用属性及功能都有了，一般的页面布局只需要使用div就可以满足需求了。

属性的写法同标准CSS，以减少学习处理成本，但是仅支持标准的子集，且实现上还有微小不同。