这个怎么对齐，求成熟方案

XLNu***

时代问答问答社区

大小对齐，横向对齐，请给我代码，谢谢

CSS3

显示全部楼层

免责声明：本内容仅代表回答者见解不代表本站观点，请谨慎对待。

使用道具举报

上一主题下一主题

参与会员2

d1570***

Document *{margin:0;padding:0;} body{background:#DFB988;} div.search{width:465px;height:60px;position:relative;overflow:hidden;margin:50px;} div.searchinput[type="text"]{width:310px;height:58px;line-height:58px;text-indent:10px;font-size:18px;border:1pxsolid#333;} div.searchinput[type="submit"]{position:absolute;right:0;top:0;width:115px;height:60px;border:1pxsolid#333;font-size:20px;}

使用道具举报

个个***

右侧的Button绝对定位。另外，input#text 和 input#button 默认有个padding，先清除：
*{margin:0;padding:0;}设置高度的时候：如果 input#text 有边框，那就设置的时候把边框加上，如：
文本框高度 28px + 2px 边框。
按钮有边框高度：28px + 2px 边框；
按钮无边框高度：30px；

使用道具举报