html文件里的before,html,css_:after,:before的绝对定位问题，html,css - phpStudy

:after,:before的绝对定位问题

.reply {

position: relative;

width: 200px;

height: 80px;

border: 1px solid rgba(243, 237, 127, 0.68);

border-radius: 5px;

background-color: rgba(243, 237, 127, 0.35);

}

.reply:after {

content: '';

width: 0px;

height: 0px;

border-color: transparent transparent rgba(243, 237, 127, 0.35) transparent;

border-style: solid;

border-width: 6px;

position: absolute;

top: -11px;

border-radius: 3px;

left: 18px;

right: auto;

}

.reply:before {

content: '';

width: 0px;

height: 0px;

border-color: transparent transparent rgba(243, 237, 127, 0.68) transparent;

border-style: solid;

border-width: 7px;

position: absolute;

top: -14px;

border-radius: 3px;

left: 17px;

right: auto;

}

实现简单的聊天气泡(如下图)，我的问题是两个伪类中top和left的值应该如何设置呢？

相关阅读:

vuex状态管理到底是怎样一个原理？

给li标签添加ng-repeat='x in provinceArr' 后，鼠标移入移出不起作用怎么回事啊？

使用了内核线程的内核模块不能卸载

laravel API 接口使用 Validator 无法返回具体的未通过验证的错误信息

从客户端上传图片到服务器端的原理是什么

lua文件中sqlite语句的问题

一个关于Intellij 编辑页面出现延迟 并重写的问题？

vue.js 2.0的这个demo复选框不能点击

父元素overflow-y: scroll; 里面的子元素绝对定位被隐藏。

html 同一个

与bash相比powershell有哪些优点呢？

H5的video标签的问题

请教大家一个问题：sass的优点有哪些?它适用于什么情景下?解决了什么问题?

输入法的手写功能是怎么去实现的

webapp定位用户所在城市

node js的终端中，如何让 console.log 尽可能地完全展开

请问从服务端设置了cookies有效期，为何从客户端从客户端读取的cookies并没有有效期呢？

Python如何将数据库导出的数据一级级分类？

php如何获取当前类名,继承中的问题？

手动启动mysql服务出错，1067错误，如何解决呢?