css-实现两个相同大小div嵌套显示

2021-06-28 分类：CSS 评论(0)

问题描述：两个相同大小的div嵌套时，会出现换行显示的问题
解决方案：将外层div添加样式—–font-size:0
效果：

代码：

<html><style>.outDiv{width:500px;height:20px;background:rgba(68,137,236,0.5);border-radius:10px;font-size:0;margin-top:100px;}.innerDiv{width:45%;height:20px;background:linear-gradient(to right,#9944ff,#df7947);border-radius:10px;}</style><body><div class=\"outDiv\"><div class=innerDiv></div></div></body></html>

赞(0) 打赏

未经允许不得转载：爱站程序员基地 » css-实现两个相同大小div嵌套显示

标签：CSS