关于w3schools.com或that SO问题的定位部分，应该可以通过应用以下规则在底部对齐div元素：
position: relative; position: absolute; bottom: 10px（在容器底部对齐10 px）。请在以下bootply中找到示例代码。
.container-btn是应该放在按钮上的绿色框，而是放在容器元素上方10px处。但是，设置top/left/right: 10px按预期工作。
有人可以解释这种行为吗？我只是在学习CSS，并且想要了解它为什么会那样......
答案 0 :(得分：2)
col-md-4实际上距离其父亲.col-md-4 { height: 500px; }的底部10px，只是父母没有任何身高。例如，class Item(models.Model):
user = models.ForeignKey(User)
title = models.CharField(max_length=150)
body = models.TextField(blank=True)
image = models.ImageField(upload_to=get_upload_file_name, blank=True)
class ItemSerializer(serializers.ModelSerializer):
class Meta:
model = Item
fields = ('id', 'user', 'title', 'body', 'image')
def create(self, validated_data):
item = Item.objects.create(
user=self.validated_data['user'],
title=self.validated_data['title'],
body=self.validated_data['body'],
image=self.validated_data['item_image']
)
return item
给予该列高度，例如class CustomUserSerializer(serializers.ModelSerializer):
class Meta:
model = CustomUser
fields = (
'id', 'email', 'password', 'username', 'first_name', 'last_name',
)
extra_kwargs = {
'password': {'write_only': True},
'id': {'read_only': True}
}
def create(self, validated_data):
user = CustomUser.objects.create(
email=validated_data['email'],
username=validated_data['email'],
first_name=validated_data['first_name'],
last_name=validated_data['last_name'],
)
user.set_password(validated_data['password'])
user.save()
return user
，您将看到绿色框向下移动。