Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css DIV浮动和大小调整问题_Css_Html_Sizing - Fatal编程技术网

Css DIV浮动和大小调整问题

Css DIV浮动和大小调整问题,css,html,sizing,Css,Html,Sizing,我有div大小和浮动问题。当我有小文本时,它是可以的: 但看看当我有大文本时会发生什么 HTML: 请提供帮助。本教程将对您有所帮助: 您必须设置.wrap容器的宽度。请尝试: .news { float:left; padding:5px 5px 2px 5px; margin-bottom:10px } .news .img { float:left; width:75px; margin-right:5px; } .news .wrap .

我有div大小和浮动问题。当我有小文本时,它是可以的: 但看看当我有大文本时会发生什么

HTML:


请提供帮助。

本教程将对您有所帮助:


您必须设置.wrap容器的宽度。

请尝试:

.news {
    float:left;
    padding:5px 5px 2px 5px;
    margin-bottom:10px
}
.news .img {
    float:left;
    width:75px;
    margin-right:5px;
}
.news .wrap .title { font-size:14px; }
.news .wrap .text { text-align:justify; }

给出正确的宽度包裹div


在news div上指定100%的宽度

。包装必须是dinamic diwth
.news{
    float:left;
    padding:5px 5px 2px 5px;
    margin-bottom:10px;
}
.news > .img{
    float:left;
    width:75px;
    margin-right:5px;
}
.news > .img > img{
    height:75px;
    width:75px;
}
.news > .wrap{
    float:left;
}
.news > .wrap > .title{
    font-size:14px;
}
.news > .wrap > .text{
    text-align:justify;
}
.news {
    float:left;
    padding:5px 5px 2px 5px;
    margin-bottom:10px
}
.news .img {
    float:left;
    width:75px;
    margin-right:5px;
}
.news .wrap .title { font-size:14px; }
.news .wrap .text { text-align:justify; }