用CSS浮动实现元素行内块局样式

用CSS浮动实现元素行内块局样式

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术: Dreamweaver /CSS

作者:戴伟雄

撰写时间:2019年1月26日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

我们都知道块局元素会占据一整行有时候我们进行样式排版的时候需要他们靠在一起,我们想到通过改变元素的样式来进行实现,但在这里我说另一种方法通过浮动来间接的实现这个效果。

 

这里三个div,一个大的包括两个子div

用CSS浮动实现元素行内块局样式

     这给了样式

用CSS浮动实现元素行内块局样式

这里可以看出两个div是都占一行的,

用CSS浮动实现元素行内块局样式

如果说我们想要它们并排显示或从哪边显示,我们这里可以给个浮动

 

     这里我给了个左浮动,就能实现块局元素并排显示了呢。

用CSS浮动实现元素行内块局样式