Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Basics Positioning Page Content How Absolute Positioning Works

Jacob Brech
Jacob Brech
7,224 Points
Posted by Jacob Brech
Jacob Brech
7,224 Points

List item loosing the width of the background?

Why does the list item loose the width of its white background, when position using the absolute positioning tool?

Johan Rönkkö
Johan Rönkkö
28,054 Points
Johan Rönkkö
Johan Rönkkö
28,054 Points

Is it possible the list item is displayed inline? Try changing it to block

Austin Whipple
Austin Whipple
29,725 Points
Austin Whipple
Austin Whipple
29,725 Points

Jacob, if you could paste your code here it'll help us figure out what the issue might be.

1 Answer

Miroslav Kovac
Miroslav Kovac
11,454 Points
Miroslav Kovac
Miroslav Kovac
11,454 Points

If you change the position to absolute, the element is putted out of the normal document flow. This cause that the element width is set to his content.