<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - absolute div with width 100% in inline element results in the inner div having the wrong width"
href="https://bugs.webkit.org/show_bug.cgi?id=152980">152980</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>absolute div with width 100% in inline element results in the inner div having the wrong width
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>OS</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>CSS
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>lucas@wiener.se
</td>
</tr></table>
<p>
<div>
<pre>See the following example: <a href="http://codepen.io/anon/pen/vLZZpm">http://codepen.io/anon/pen/vLZZpm</a>
<span style="position:relative;">
1111
<div style="position:absolute; width:100%;"></div>
</span>
The offset width of the span element is 31px and the offset width of the div element is 30px. Should not the offset of the two elements be the same? In Chrome and FireFox they are.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>