css
css 怎么移动某一元素不影响别的行元素？
怎么移动某一元素不影响别的行元素？
因为div是块级元素，会独占一行，所以你的top_bottom_left作为块级元素会占用一行。而当div使用浮动以后，就会脱离原有的位置，所以多个浮动元素可以在一行内。
所以你把top_bottom_left设置浮动就好了，或者把这个标签改为span等行内元素也会发现浮动的元素回到了父元素里面
div浮动后是什么元素？
如果浮动的div前面有同级别html元素，该浮动的div会排在html元素后面浮动，不会覆盖html元素。
因为，div的浮动对前面的html元素没影响，对后面的html元素有影响。
所以，前面div的浮动会影响后面的div的布局，如果想消除该影响可以使用clear:left | right | both。
如何让span在div中垂直居中？
div {
width:500px;
height:600px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
img {
vertical-align:middle;
}
要注意的是，如果div浮动了，垂直居中的效果就失效了。自己的解决办法是在div内再套一层，让外层div浮动，里层div如上的样式即可；
如何实现CSS样式之多个层DIV并排布局？
1、使用css float并排显示：
对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。
加float浮动实现多个div并排显示。
这里对div通设一个浮动，当然实际使用时候，要通排显示div对象的加入css类，就对要同行显示css选择器设置浮动。避免其它不需要设置的也被加入浮动样式。
2、使用css display同行显示：
加入display:inline即可解决实现同行并排显示div盒子对象。
对div标签设置div{ display:inline}样式。