HTML让两张图在同一水平线上,html – 两个盒子,并排,每个50％,但两者都稍长,不在同一条线上？...

我正试图让两个并排的盒子占据屏幕的整个宽度.但是,当将宽度设置为50％时,每个盒子要扩展大约10px,宽度大于50％.我究竟做错了什么？

#sides {

padding-top: 40px;

padding-bottom: 40px;

background-color: white;

}

#leftside {

width: 50%;

background-color: grey;

padding: 20px;

margin: 0px;

position: relative;

}

#rightside {

width: 50%;

display: inline-table;

background-color: #018DCA;

float: left;

padding: 20px;

margin-left: 50%;

position: relative;

}

.

.

.

text

text

text

text

@H_403_10@

双方需要浮动,并确保你使用盒子大小：边框盒;无论填充和边框大小如何,都要确保宽度为50％.

@H_403_10@

@H_403_10@

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！