①我们先写一个大盒子 box 包裹里面的所有内容
②你面分别写一个文本,一个发布按钮,一个评论区
③点击按钮出现点击事件onclick执行函数fun1()
css内容:
*{ padding: 0; margin: 0; } #box{ width: 600px; background-color: aqua; margin: 0 auto; } #fabu{ width: 600px; height: 300px; background-color: burlywood; } #pinlu{ width: 600px; background-color: aqua; } textarea{ width: 600px; height:300px; border: none; background-color: burlywood; font-size: 24px; } #btn_1{ width: 600px; height: 30px; background-color: cornflowerblue; outline: none; } ::placeholder{ font-size: 24px; } #btn_2{ width: 80px; height: 30px; background-color: brown; border-radius: 4px; } p{text-align: right;} #neirong{ background-color: coral; border: 1px solid burlywood; }
① *{}我们先把所有元素的默认的内外边距设置为0
②然后相应的给各个元素设置相应的样式
③在用 ::placeholder伪元素标签设置提示文字的大小
④我们不给父级box 和和评论区的div不设置高度,由评论内容的多少撑开。
function fun1(){ $('#pinlun').append( "" + text.value+"