我喜欢 width: 100% 我的文本 div。但我不知道为什么这不起作用。
因此,如果我的描述文本很小,我的列表 div 就没有全宽,如果我有很长的描述文本,那么我有 100% 宽度的 div。
这是我的屏幕问题:
这是我的 HTML:
<div class="columns events_list_even margin_padding_clean">
<div class="event_list_abstand">
<div class="two columns padding_right_left_clean">
<div class="date-list"><i class="fa fa-calendar fa-lg" style="margin-right: 10px"></i>Mo. 14.04.2014 </div>
<img src="http://www.davis-design.de/marktadresse/files/floh_troedel_jahrmarkt.png" class="category_icon">
<img src="http://www.davis-design.de/marktadresse/layout/images/veranstaltung_halbwegs_ueberdachung.png" class="roof">
</div>
<div class="ten columns margin_bottom_clean padding_right_left_clean">
<a href="/marktadresse/niedersachsen.html?veranstaltung=Abendmarkt+Osnabrueck%7E1X4JxCOwhDpD4Oj5ch%7E14.04.2014"><h2 class="date-ueberschrift" style="border-bottom: none;">Abendmarkt Osnabrueck</h2></a>
<div class="date-info"> Albrechtstraße 15 | 49076 Osnabrück |
Floh-, Trödel- & Jahrmarkt</div>
<p class="margin_bottom_clean">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam ...</p></div></div></div>
最佳答案
在您的类(class)(event_list_abstand)中添加“width:100%”。
关于css - 全宽 div 通过小描述文本 css 响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23060186/