如何使div延伸至其容器允許的範圍內？

 
selector 
{ 
    display: inline-block; // For real browsers 
    zoom: 1;    // For useless, maddeningly crap browsers 
    *display: inline;  // For useless, maddeningly crap browsers 
}

Here is a link什麼我關於。唯一的小問題是你必須在你的文本元素上指定一個寬度。它比浮動要好 - 它保持元素流入，這意味着佈局更容易。

來源

2011-03-17 20:31:03 Bojangles

原諒長上下的樣本：

<html> 
<head> 
<title>Div Test</title> 
</head> 
<style type="text/css"> 

#wrap { 
    width: 200px; 
} 

#redbox { 
    height: 45px; 
    width: 45px; 
    background-color: Red; 
    border: 5px solid black; 
    margin-right: 10px; 
    display: inline-block; 
    float: left; 
} 

#textbox { 
    font-weight: bold; 
    font-size: 20px; 
    display: inline-block; 
} 

</style> 
<body> 
    <div id="wrap"> 
     <div id="redbox"></div> 
     <div id="textbox"> 
      Lorem ipsum dolor sit amet, 
      consectetur adipisicing elit. 
     </div> 
    </div> 
</body> 
</html>

來源

2011-03-17 20:35:57

如何使div延伸至其容器允許的範圍內？

回答

相關問題