如何使2个div浮动，彼此相邻，在里面的div内

这是我正在使用的编码。几个小时我一直在搞这个。下面是我使用如何使2个div浮动，彼此相邻，在里面的div内

<ul class="slider"> 
    <li style="display: block;"> 
    <a href="#" style="clear:both;> 
     <div class="slider_blog" style="width: 680px; height: 300px; display: block; clear: both; float: left;"> 
     <div class="slider_blog_img"> 
      <img src="#" alt="#"> 
     </div> 
     <div class="slider_blog_text" style="float:left;"> 
      <h2>This is A Title</h2> 
      <p></p> 
      <p>words</p> 
     </div> 
     </div> 
    </a> 
    </li> 
</ul>

这里的CSS是我使用

.slider li { 
    display: none, block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    list-style: none; 
    padding:0; 
    margin:0px; 
    width:680px; 
    height:300px; 
} 

.slider li:after{ 
    clear:both; 
} 

.slider_blog{ 
    border: 1px solid #F0E; clear: both; padding: 0; margin: 0; 
} 

.slider_blog a{ 
text-decoration: none; padding: 0; margin: 0; 
} 

.slider_blog_img{ 
    width:300px; 
    height:300px; 
} 

.slider_blog img{ 
    width: 200px; height: 200px; margin:50px; border: none; display:block; 
} 

.slider_blog_text{ 
width: 280px; padding: 50px 20px 50px 0px; border:none; 
} 

.slider_blog_text h2{ 
text-align:center; font-size:24px; font-weight:bold; color:red; 
} 

.slider_blog_text p{ 
    text-align:justify; font-size:14px; color:green; 
}

我知道CSS他们是加入了一些在线的东西与CSS，但是这是从Firebug的复制，当我“尽管”我正在取得进展。谢谢您的帮助。

来源

2013-01-12 Tim Cooley

您的第一个<a>标记缺少结尾样式引用。尝试修复它，然后更好地解释问题。此外，尝试将float:left添加到.slider_blog_img类，并立即删除设置的宽度和高度。

来源

2013-01-12 06:19:47 Tristan

感谢它结束了一个正在创建的保证金来自Word Press中某个其他元素的p标记，它将它搞砸了。 –

也确实因TJohnW即

的指示，为最终报价

<a href="#" style="clear:both;">

和帮助使用此

.slider_blog_img { 
    float: left; 
}

output

来源

2013-01-12 06:24:43 Uttara

感谢您的帮助。我弄明白了，但问题不在于它是wordpress的编码。它是随机添加

标签的东西，我不明白为什么。 –

如何使2个div浮动，彼此相邻，在里面的div内

回答

相关问题