qflyalltime
小羊也疯狂
2018-03-12 04:47
采纳率: 88.4%
浏览 1.1k

关于css 双飞翼布局问题

TAT...最后8个币,一段时间不上,咋以前10块能冲200币的现在98才能冲250币,c s d n想钱想疯了吧,对于我这水平有没有什么能来币的方法?。。。。

在双飞翼布局中,有几点不是很懂,求大神点拨。

1.设置.inner margin-left很好理解,就是要让#inner里面的内容从网页中间开始显示,但是为什么要设置 margin-right呢?(我去掉对布局好像也没影响)
2.对于1 我的猜想是 想让inner里面的内容右边受控制,但是我给inner里面填满了内容,发现**内容不能换行**,这是为什么?

同时发现 left 和right里面的文字都不能自动换行
3.取消middle的width=100% 猜测应该继承body的宽度,结果实际值远比body大的多 这是为什么呢?
图片说明
图片说明

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
         .columns{
            float: left;
            height: 100px;
        }

        #middle{

            background-color: deepskyblue;
            width: 100%;
        }
        #inner{
            margin-left: 200px;
            margin-right: 150px;

        }
        #right{

            width: 150px;
            background-color: red;
            margin-left: -150px;
        }
        #left{
            width: 200px;
            background-color: grey;
            margin-left: -100%;
        }
    </style>
</head>
<body>
        <div id="middle" class="columns">
            <div id="inner" >#middle#middlekjzdakskshdkahdkahdkahsdkadhkajdhkahdkahdkahdkadhkahdskashdskasdhkahdkadhskashdskaahskdhakshdaksdhkashdkashdakshdkahdkahdkah</div>
        </div>
        <div id="left" class="columns">#left</div>
        <div id="right" class="columns">#right</div>

</body>
</html>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • showbo
    已采纳

    预留对应的左右空白,因为middle 100%了,你不设置左右margin内容就会自动占上去了

    未换行是字母数子连一串当做单词除了了,当然不会换行,加了换行你就会理解为什么加margin-right了

    可以找我买1:20的币,O(∩_∩)O哈哈~

    #inner加换行样式就行了

     #inner {margin-left: 200px;margin-right: 150px;word-break:break-all;word-wrap:break-word}
    
    点赞 评论
  • u012411480
    吹泡泡的星星koky 2018-03-13 00:31

    要自己添加换行样式。另外margin-left是距离左边外边距,不是从中间显示

    点赞 评论

相关推荐