如何在不扩展边框的情况下填充div？
我有这样的代码：
<html>
<head>
<style type="text/css">
.container {
border-bottom: 1px dotted #999999;
width:500px;
padding-left:200px
}
</style>
</head>
<body>
<div class="container">asdf</div>
</body>
</html>
除了底部边框也应用于缩进之前的 200px 之外，它工作得很好。我希望底部边框从 200 像素开始。这可以做到吗？
I have this code:
<html>
<head>
<style type="text/css">
.container {
border-bottom: 1px dotted #999999;
width:500px;
padding-left:200px
}
</style>
</head>
<body>
<div class="container">asdf</div>
</body>
</html>
And it works fine except for the fact that the bottom border is also applied to the 200px before the indent. I want the bottom border to start at 200px. Can this be done?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
使用边距而不是填充或使用内部 div..（已更新以符合评论中披露的要求）
它应该是这样的： http://jsfiddle.net/dKVTb/1/
Use margin instead of padding or use an inner div.. (updated to match requirements disclosed in comments)
This is what it should look like: http://jsfiddle.net/dKVTb/1/
如果是这种情况，请使用以下
CSS 代码：
If that's the case, use this:
CSS code:
也许像这样，使用
margin-lefthttp://jsfiddle.net/ppMmy/
因此不会“填充”整个
Maybe like this, with
margin-lefthttp://jsfiddle.net/ppMmy/
Thus not "padding" the whole
<div>