我试图在一行中显示三列。它一直有效,直到我向 div 添加了一些填充。我使用百分比来让它有点响应。以下是 CSS:
.contentLine .column {
float: left;
margin: 0;
width: 31%;
margin-right: 1%;
padding: 1%;
position: inherit;
}
.contentLine .last {
margin-right: 0;
}
我的百分比有误吗?
最佳答案
Demo HERE 使用 margin-right:.5%;
.contentLine .column {
float: left;
margin: 0;
width: 31%;
margin-right: .5%;
padding: 1%;
position: inherit;
}
并像这样更改最后一列 div。因为您使用了两次类属性,而您只能在一个标记中使用一次类属性。
使用
<div class="column last">
不是<div class="column" class="last">
它很破旧。
关于html - 如何在同一行上获得 3 列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18872190/