Вы можете перемещать все элементы, кроме последнего влево.
Модель окна последнего элемента будет распространяться позади этих перемещаемых элементов списка (даже если контент отсутствует). overflow:hidden
предотвратит это поведение; полевая модель начнется с завершением последнего поплавкового элемента, как если бы плавающие элементы все еще находились в естественном потоке страницы.
ul, li{
margin:0;
padding:0;
list-style-type:none;
}
ul li{
display: block;
float:left;
}
ul li:last-child{
background-color: #ddd;
float:none;
overflow:hidden;
}
- Item
- Item
- I will extend to the end of the page.. No matter how far. I will also not drop beneath my previous items, even if the text in here requires me to span over multiple lines.
Редактирование недавно добавленного JSFiddle: