在div中添加一个边距,将右边的列从屏幕的边缘推到右边。
我尝试在这两种情况下都添加边距,更改宽度,甚至从CSS中删除宽度属性。
没有空白处,3列完全符合屏幕的宽度与默认的微小边距显示我的页面的背景颜色。加一点空白处就把整件事搞砸了。
<HTML>
<main>
<section>
Some text 1
</section>
<section>
Some text 2
</section>
<section>
Some text 3
根据CSS规范规则(content-box),包含块的宽度等于7个水平属性之和: 边距-左+边框-宽度-左+填充-左+宽度+填充-右+边框-宽度-右+边距-右。 在下面的示例中,如果以上规则为真,则必须将右侧的300px视为右边界,但chrome dev工具将右边界显示为0: https://codepen.io/Fr1nge/pen/JjbLxaz?editors=1100 HTML: what is the 300px space to the right of this p called?
It looks like margin-right but the dev tool
在不更改HTML结构的情况下:
<div id="container">
<header>
<h1>This is the Heading Which May be Long and Span Lines</h1>
</header>
<section>
<div class="thumb">
<img></img>
</div>
<div class="content&
这是我的简单标记:
<div style="width:200px">
<div style="width:50%;float:left;">
left side
</div>
<div style="margin-left:50%;width:50%;margin-top:10px;">
right side
</div>
</div>
问题是,右边的空白处:10px;也会向下推到左边。这里我漏掉了什么?这是意