块状元素，水平居中<divclass="parent-frame">子元素水平居中<istyle="display:block;text-align:center;color:blue">块状元素，水平居中</i></div>子元素水平居中块状元素，水平居中
以下例子中，涉及到的CSS属性值。.parent-frame{width:200px;height:200px;border:1pxsolidred;}.child-frame{width:100px;height:100px;border:1pxdottedblue;}
//className属性设置或返回元素的class属性//clientHeight返回元素的可见高度（样式高+padding）//clientWidth返回元素的可见宽度（样式宽+padding）//clientLeft左侧边框的大小，即(offsetWidth-clientWidth)/2//clientTop上侧边框的大小，即(offsetHeight-clientHeight)/2/...
如果把上面的问题稍微改变一下，要求展示一个左中右布局，而且左右固定，中间自适应，这要如何实现呢？估计很多人会这样想：css中.flexibleColumn样式添加一个属性：margin-right:40px;html中再追加一个固定列，在右侧浮动：<divclass="fixedColumn"style="float:right;"></div>然后运行的效果是...左中布局，右边空白...
1、html2、css注：1、fixedColumn里注释的方法即绝对定位的实现方式，取消注释后把float那句注释掉，可以实现相同的效果2、使用float需要注意清除浮动造成父元素塌陷的问题（这里不用清除，因为自适应列和固定列一样高，在标准流中可以撑起父元素）
首先把这个问题分步解决，需要攻克以下两点：1、让两个div并排到一行2、让一个div宽度固定，另个div占据剩下宽度的空间关于第一点，首先要明确，div属于块级元素，在文档标准流中单独占据一行。要想多个div在一行，就可以想办法让div脱离标准流，比如使用float或者absolute；关于第二点，首先有一个宽度固定的div，另外自适应的div宽度是多少？首先这个宽度不能写“100%”，因为这里的...
div+css【201】"src="http://p6-tt.byteimg.com/large/pgc-image/7aa11f17c45f453e880f93e1a1d9f7e9?from=pc"/>图2<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">...
这里我用div+css做一个有颜色的盒子，浏览器运行后如下图。div+css【201】"src="http://p6-tt.byteimg.com/large/pgc-image/3a434f8cb06742d797c3da97984dab6d?from=pc"/>
练习是从始到终的，不要断，即使找一些简单的网页进行布局实践，开始可能开发很慢，会遇到很多小问题，也不急。最后总结这个是没有讨巧的过程，网上什么速成，适合自己、靠谱吗？开始学习吧！多学点总是有好处的
看完别人很多网页代码之后，你发现，他们都有规范，这些规范网上有很多，你需要总结和背诵，当然不是死记硬背，主要在切图多做多实践，熟了就能记住。我们有的老师，可能说没必要那么规范，技术到位就可以。可是到了工作，你就会发现很不现实。你自己也得想明白，前端人员水平差距是很大，这就是他只能在这个小地方当老师。