Html 段落超出了页面的最大宽度

Html 段落超出了页面的最大宽度,html,css,Html,Css,正文页上没有正文,我不知道为什么会发生这种情况。文本应从蓝线处的另一行开始 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="keywords" content=""> <link rel="stylesheet" type="text/css" href="css/main.css"> <script

正文页上没有正文,我不知道为什么会发生这种情况。文本应从蓝线处的另一行开始

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="keywords" content="">

    <link rel="stylesheet" type="text/css" href="css/main.css">

    <script type="text/javascript" href=""></script>
    <title> tech </title>
</head>

<body id="skin" style="background-image:url(img/bck.jpg)">
    <div id="root">
        <div id="Meniu_header">
            <div id="top">
                <header id="top_header" style="background-image: url(top.jpg)">
                    <img src="img/200.jpg">
                    <h1 id="h1"> UNDER CONSTRUCTION </h1>
                </header>

                <nav id="meniu">
                        <ul>
                            <li> Acasa </li>
                            <li> Servicii </li>
                            <li> Contact </li>
                        </ul>
                </nav>
            </div>
        </div>

            <div id="test">
                <h2> sajbvljaslblas </h2>
                <p> afjkvbafjlbljabadflblajjlaerbladfblaerjlblae </p>
                <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
                <br /><br /><br /><br /><br /><br /><br />
            </div>

            <div id="pagina">           
                <div id="stanga">
                    <div id="optiuni">
                        <ul id="st_optiuni">
                            <li> Aluminiu </li>
                            <li> Plastic </li>
                            <li> Fonta </li>
                            <li> Otel </li>
                        </ul>
                        <div id="st_scris">
                            <p> adbnaeasfbabfa </p>
                            <p> adfbadf fsdbhadad </p>
                            <p> adfbad af afsd </p>
                            <p> a dfbad  </p>
                            <p>  adfba fa fd</p>
                            <p> adfb adf  adfb </p>
                            <p> adfb adfb ad </p>
                        </div>
                    </div>
                </div>


            <div id="dreapta">
            <section id="dr_articole">
                <article>
                    <header>
                        <h2> Titlu </h2>
                        <p class="problema"> This is a long text that it's makeing me problems ..........aaaaaaaaaaaaa aaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa </p>
                    </header>
                </article>
            </section>
            </div>
            </div>

        <footer>
            <p id="footer"> Copyright © 2013    </p>
            <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/ro/"><img alt="Licenţa Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/ro/80x15.png" /></a>.
        </footer>

    </div>

</body>

</html>

使用
换行:断开单词
这样,每当容器中出现一个单词“wan't to get out”时,css规则就会在新的一行上打破世界

*它是CSS3属性。


关于这方面的更多信息,您可以在W3C上找到,这里有一个链接

使用
换行:打断单词
这样,每当容器中出现一个单词“wan't to get out”时,css规则就会在新的一行上打破世界

*它是CSS3属性。


关于这方面的更多信息,您可以在W3C上找到,这里有一个链接

一个健康的开始是强制父容器是相对的,并且在浏览器宽度的范围内。然后将你的一天工作到你的特定子元素,这些子元素似乎超出了范围。Google Chrome的开发者工具是调试类似问题的一个很好的资源。

一个良好的开端是强制您的父容器是相对的,并且在浏览器宽度范围内。然后将你的一天工作到你的特定子元素,这些子元素似乎超出了范围。Google Chrome的开发者工具是调试类似问题的绝佳资源。

这是我第一次尝试,请原谅我的错误

您必须指定容器“div”的宽度,以便其中的元素不会超出父容器的宽度

以下是您的页面的快速修复:

#dreapta{
    width: 520px;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

这是我第一次尝试,请原谅我的错误

您必须指定容器“div”的宽度,以便其中的元素不会超出父容器的宽度

以下是您的页面的快速修复:

#dreapta{
    width: 520px;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

tnx保罗。这是一个很好的建议。我修复了重组NX Paul的问题。这是一个很好的建议。我修复了这个问题重新组织我曾经用过很多div,我认为这会让我的头脑变得混乱我设法修复了删除一些div和重新组织的问题我曾经用过很多div,我认为这会让我的头脑变得混乱我设法修复了删除一些div和重新组织nx的问题。但这对我没有帮助,因为我希望这一部分灵活。我只是修正一下答案。但这对我没有帮助,因为我希望这一部分灵活。我只是把它修好