CSSdiv宽度自适应

来源：动视网责编：小采时间：2020-11-27 16:41:32

CSSdiv宽度自适应

CSSdiv宽度自适应:代码实例如下: 码农教程 .parent{ width:400px; height:400px; border:1px solid red; } .children{ border:1px solid blue; height:50px; } 码农教程欢迎你以上代码可以看出，默认状态下，并不能够实现我们想要的效果。下面

推荐度：

点击下载本文 文档为doc格式

导读CSSdiv宽度自适应:代码实例如下: 码农教程 .parent{ width:400px; height:400px; border:1px solid red; } .children{ border:1px solid blue; height:50px; } 码农教程欢迎你以上代码可以看出，默认状态下，并不能够实现我们想要的效果。下面

代码实例如下:






码农教程




 码农教程欢迎你

以上代码可以看出，默认状态下，并不能够实现我们想要的效果。下面对以上代码进行修改如下:






码农教程




 码农教程欢迎你

以上代码实现我们想要的效果，并且各浏览器兼容性良好，主要是添加如下核心代码:

display:inline-block; 
*display:inline; 
*zoom:1;

大家可以把上面实例代码复制到这里运行一下，查看一下效果。

CSSdiv宽度自适应

推荐度：

点击下载本文 文档为doc格式

标签：高度 css div

热门焦点

CSSdiv宽度自适应

CSSdiv宽度自适应

CSSdiv宽度自适应

最新推荐

猜你喜欢

热门推荐