Html 文本超出容器div
我正在做一个学校项目,学习如何使用Dreamweaver模板。我已经构建了页面,模板正在工作,但是其他页面中较长的文本没有像应该的那样包含在contentdiv中。我不知道为什么?我不知道怎么做小提琴,但这是代码正在生效 HTML: 谢谢你的帮助 HTML:Html 文本超出容器div,html,css,Html,Css,我正在做一个学校项目,学习如何使用Dreamweaver模板。我已经构建了页面,模板正在工作,但是其他页面中较长的文本没有像应该的那样包含在contentdiv中。我不知道为什么?我不知道怎么做小提琴,但这是代码正在生效 HTML: 谢谢你的帮助 HTML:--> CSS:#blabla{} HTML:--> CSS:.blabla{} 查看代码中的差异。能否添加屏幕截图?你那边怎么样?有什么需要改变的?这里是你的代码的提琴:你的文本是浮动的,容器不是浮动的,或者做任何类型的明确的修正,所以文本
-->
CSS:#blabla{}
HTML:
-->
CSS:.blabla{}
查看代码中的差异。能否添加屏幕截图?你那边怎么样?有什么需要改变的?这里是你的代码的提琴:你的文本是浮动的,容器不是浮动的,或者做任何类型的明确的修正,所以文本在外面浮动。此外,您的HTMLT中没有
#容器
,小提琴应该是这样的。我把div class='container'改成了一个ID。同样的结果,我取了一个片段,但不确定该放在这里。啊!!!浮动内容div修复了它!太棒了,谢谢!
<div class="container">
<div class="content" id="home_img">
<!-- TemplateBeginEditable name="photo" -->
<img src="../photos-winery/napa2_edit.jpg" width="457" height="300" alt="Winery" />
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="text" -->
<div class="text">
<h1>A Napa Valley winery dedicated to quality wines for three generations.</h1>
<p> Offering a selection of classic varietals to last: Merlot, Syrah, Cabernet Sauvignon, Chardonnay, Sauvignon Blanc, Chenin Blanc, and more. </p>
<h2>Because life is too short for compromise.</h2>
<!--end .text --></div>
<!-- TemplateEndEditable --><!-- end .content --></div>
#container {
background-color: transparent;
height: 100%;
padding-top: 10px;
width: 100%;
}
.content {
margin-top: 5em;
background-color: rgba(0,0,0,.05);
font-family: "Times New Roman", Times, serif;
font-size: 16px;
line-height: 1.28em;
letter-spacing: 1.5px;
vertical-align: middle;
text-align: left;
padding: 60px 0 60px;
position: relative;
background-image: url(../photos-winery/vine_edit.png);
background-repeat: no-repeat;
background-position: right top;
width: 955px;
border: medium solid #CCC;
}
.content #home_img {
margin: 10px;
float: right;
border: 1px outset #000000;
text-align: right;
}
.text {
width: 45%;
margin-top: 2em;
margin-left: 5px;
margin-right: 2em;
float: right;
}