Css 在两列中对齐图像和文本无效 FDGDFGDFGDFGDFGFDGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGFG 小故事 img#故事(图像{float:left;} div#story_right{float:left;}
我以前写过两篇专栏文章,但由于某种原因,这次不起作用。我希望图像在第一列,文本在第二列。故事右结束于图像下方,就像故事图像是一个块。要正确浮动元素,需要在要浮动的元素上设置宽度。设置像素宽度和动态百分比宽度都可以使用。这给您带来问题的原因是,div的默认宽度为100%,因此图像不能在其旁边浮动。您可以通过设置宽度来实现它 CSSCss 在两列中对齐图像和文本无效 FDGDFGDFGDFGDFGFDGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGDFGFG 小故事 img#故事(图像{float:left;} div#story_right{float:left;},css,Css,我以前写过两篇专栏文章,但由于某种原因,这次不起作用。我希望图像在第一列,文本在第二列。故事右结束于图像下方,就像故事图像是一个块。要正确浮动元素,需要在要浮动的元素上设置宽度。设置像素宽度和动态百分比宽度都可以使用。这给您带来问题的原因是,div的默认宽度为100%,因此图像不能在其旁边浮动。您可以通过设置宽度来实现它 CSS <img id="story_image" src="images/builder_story_side.png" alt="photo"/> <d
<img id="story_image" src="images/builder_story_side.png" alt="photo"/>
<div id="story_right">
<h2 class="story_header">fdgdfgdfgdfgdfgfdgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfg</h2>
<p class="small_story">fdgdfgdfgdfgdfgfdgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfg</p>
</div>
img#story_image{float:left;}
div#story_right{float:left;}
示例
你能想象一下你想要什么吗?啊,好的,“正确”。我想它过去一直在工作,因为我运气好。
#story_image{width: 50%;float:left;}
#story_right{width: 50%;float:left;}